body {
    font-size:1em;
    font-family:'Open Sans';
    margin:0;
    min-height:100vh;
display:grid;
grid-template-rows:auto 1fr auto;
}

#home-body, #page-header {
 
    background-size:cover;
    background-position:center;
}

#home-body {
   background-image:url("https://robertgravesonline.co.uk/rgs/images/bookshelf-blue.jpg");
}

#page-header {
   background-image:url("https://robertgravesonline.co.uk/rgs/images/books.jpg");
}

@media only screen and (max-width:1200px) {body{font-size:1.00em;}}
@media only screen and (max-width:1175px) {body{font-size:0.99em;}}
@media only screen and (max-width:1150px) {body{font-size:0.98em;}}
@media only screen and (max-width:1125px) {body{font-size:0.97em;}}
@media only screen and (max-width:1100px) {body{font-size:0.96em;}}
@media only screen and (max-width:1075px) {body{font-size:0.95em;}}
@media only screen and (max-width:1050px) {body{font-size:0.94em;}}
@media only screen and (max-width:1025px) {body{font-size:0.93em;}}
@media only screen and (max-width:1000px) {body{font-size:0.92em;}}
@media only screen and (max-width:975px) {body{font-size:0.91em;}}
@media only screen and (max-width:950px) {body{font-size:0.90em;}}
@media only screen and (max-width:925px) {body{font-size:0.89em;}}
@media only screen and (max-width:900px) {body{font-size:0.88em;}}
@media only screen and (max-width:875px) {body{font-size:0.87em;}}
@media only screen and (max-width:850px) {body{font-size:0.86em;}}
@media only screen and (max-width:825px) {body{font-size:0.85em;}}
@media only screen and (max-width:800px) {body{font-size:0.84em;}}
@media only screen and (max-width:775px) {body{font-size:0.83em;}}
@media only screen and (max-width:750px) {body{font-size:0.82em;}}
@media only screen and (max-width:725px) {body{font-size:0.81em;}}
@media only screen and (max-width:700px) {body{font-size:0.80em;}}


main {
    font-size:1.2em;
    padding:1em;
}