/* Site CSS */
:root {
--grid-gap: 0px;
--font1: 'Raleway', sans-serif;
--font2: 'Gayathri', sans-serif;
--font-size: 16px;
--theme_background_1: rgb(57, 92, 107);
--theme_foreground_1: #fff;
--theme_background_2: rgb(212, 203, 146);
--theme_foreground_2: #000;
--theme_background_3: rgb(230, 225, 197);
--theme_foreground_3: #000;
}
body {
background-color:rgb(188, 211, 242);
color:#000;
}
main {
max-width:1280px;
margin:0 auto;
}
@media(min-width: 600px) {
main {
margin:1rem auto;
}
}
header {
background-color:rgb(57, 92, 107);
background-image:url('https://web-cdn.org/s/37/image/slides/field.jpg?maxwidth=1000');
color:rgb(255, 255, 255);
height:280px;
}
header div#inner {
height:280px;
}
nav {
background-color:rgb(212, 203, 146);
color:rgb(255, 255, 255);
}
nav a {
color:rgb(255, 255, 255);
}
nav a:hover, nav a.on, nav ul ul, #menu_opener:hover::before {
background-color:rgb(128, 164, 237);
color:#ffffff;
}
nav ul {justify-content:space-evenly;}
article {
background-color:rgb(255, 255, 255);
color:#000;
}
aside {
background-color:rgb(239, 239, 239);
color:#000;
}
footer {
background-color:rgb(212, 203, 146);
color:rgb(0, 0, 0);
}
@media(min-width: 1000px) {
.header_heading {align-self:center;justify-self:center;}
.header_subheading {align-self:start;justify-self:start;}
}
/* Custom CSS */
@media only screen and (min-width: 1025px) {

main {
    grid-template-columns: repeat(5, 1fr) 15vw;
-webkit-box-shadow: 0px 0px 4px 0 rgba(0,0,0,.5);
box-shadow: 0px 0px 4px 0 rgba(0,0,0,.5);
}
aside {
border-left:1px dashed #999;
}
}