@page {
    /* dimensions for the whole page */
    size: A5;
    
    margin: 0;
}

html {
    /* off-white, so body edge is visible in browser */
    background: #ddd;
}

body {
    /* A5 dimensions */
    height: 210mm;
    width: 148mm;

    margin: 0;
}

.page {
    height: 100%;
    width: 100%;
    padding: 25px 20px;
    position: relative;
    background: #fff;
}

/* an image that fills the whole page */
img.full {
    position: absolute;
    top: 117px;
    left: -117px;
    bottom: 0;
    right: 0;
    width: 210mm;
    height: 148mm;
    
    transform: rotate(270deg);
}

@media only screen and (min-width: 800px) {
	.page.full {
		transform: rotate(90deg);
	}
}