body {
background-color:#fbf0de;
width:75%;
max-width:1080px;
margin:auto;}

h1 {
text-align:center;
font-family:Baskerville, serif;
font-weight: 500;
}

p {
color:#040403;
font-family:Arial, Helvetica Neue, sans-serif;
font-weight:400;
}
div.extras-box {
/*background-color:#979fa9;*/
width:50%;
height:auto;
margin: 4% auto;
padding: 3% 0;
text-align:center;
}
a:link{
font-weight:600;
text-decoration:none;
color:#040403;
}
a:hover {
text-decoration:underline;
color:#2f2f2f;
} 
a:visited {
color:#2f2f2f;
}

@media only screen and (min-width:1100px) 
{h1 {
font-size:8.1vw;
}
p {
font-size:1.5vw;
}
div.extras-box {
font-size: 1.7vw;
}}
@media only screen and (max-width:1099px) 
{h1 {
font-size:10vh;
}
p {
font-size:2.5vh;
}
div.extras-box {
font-size: 3.7vh;
}
}
@media only screen and (max-width:650px)
{
body{
width:75%;
}
h1 {
font-size: 7.5vh;
}
p {
font-size:2.2vh;
}
div.extras-box {
font-size:4.5vh;
}}