* {
box-sizing: border-box;
}
body {
background-color: #EAEAEA;
color: #666666;
font-family:Arial;
}
header {
background-color: #002171;
color: #FFFFFF;
font-family:Georgia;
height: 120px;
}
h1 {
text-align:center;
padding-top:.5em;
font-size: 3em;
letter-spacing: 0.25em;
}
nav {
background-color: inherit;
float: left;
width: 160px;
padding: 0;
font-size: 1.2em;
position: fixed;
top: 0;
left: 0;
height: 100%;
}
nav a {
text-decoration: none;
}
nav a:link {
color: #5C7FA3;
}
nav a:visited {
color: #344873;
}
nav a:hover {
color: #A52A2A;
}
nav ul {
list-style-type: none;
padding-left: 1em;
}
#homehero {
height: 300px;
background-image: url('coast.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
}
#yurthero {
height: 300px;
background-image: url("yurt.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
}

#trailhero {
height: 300px;
background-image: url("trail.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
}

main {
background-color: #FFFFFF;
margin-left: 170px;
overflow: auto;
padding-left: 2em;
padding-right: 2em;
display: block;
}
h2 {
color: #1976D2;
font-family:Georgia;
}
h3 {
font-family:Georgia, serif;
}
dt {
color: #002171;
font-weight:bold;
}
.resort {
color: #0000CD;
font-size: 1.2em;
}
footer {
background-color: #FFFFFF;
margin-left: 170px;
font-size: small;
font-style: italic;
text-align: center;
padding: 1em;
}
#wrapper {
background-image: #linear-gradient(to bottom, #FFFFFF, #90C7E3;
min-width: 960px;
max-width: 2048px;
margin-right: auto;
margin-left: auto;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
section {
float: left;
width: 33%;
padding-left: 2em;
padding-right: 2em;
}
header a {
text-decoration: none;
}
header a:link {
color: #FFFFFF;
}
header a:visited {
color: #FFFFFF;
}
header a:hover {
color: #90C7E3;
}