{ box-sizing: border-box; }

body {color: #666666;
background-color: #EAEAEA;
font-family: Verdana, Arial, sans-serif;
}

#wrapper {background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 80%;
min-width: 960px;
max-width: 2048px;
box-shadow: 3px 3px 3px #777;
background-image: linear-gradient(to bottom, #FFFFFF, #90C7E3);
background-repeat: no-repeat;
}

header {
color: #FFFFFF;
background-color: #002171;
font-family: Georgia, serif;
height: 120px;
}


h1 { text-align: center;
padding-top: .5em; 
font-size: 3em;
letter-spacing: 0.25em;
}

h2 { color: #1976D2;
font-family: Georgia, serif;
}

h3 { font-family: Georgia, serif; 
}

nav { float: left; 
font-size: 1.2em 
font-weight: bold; 
padding: 0; 
position: fixed; 
width: 160px; 
} 

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;} 


main { background-color: #FFF; 
display: block; 
margin-left: 170px; 
overflow: auto; 
padding-left: 2em; 
padding-right: 2em; 
} 

dt { color: #002171;
font-weight: bold;
}

.resort { color: #1976D2;
font-size: 1.2em;
}

#homehero { height: 300px;
background-image: url(coast.jpg);
background-repeat: no-repeat;
background-size: 100% 100%; 
margin-left: 170px;
}

#yurthero { height: 300px;
background-image: url(yurt.jpg);
background-repeat: no-repeat;
background-size: 100% 100%; 
margin-left: 170px;

}

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

}


footer { font-size: .70em;
font-style: italic;
text-align: center;
padding: 1em;
background-color: #FFFFFF;
margin-left: 170px;
}


nav ul { list-style-type: none;
padding: 1em;
font-size: 1.2em
}

header a{ text-decoration: none;}

header a:link {color: #FFFFFF;}
header a:visites {color : #FFFFFF;}
header a:hover {color: 90C7E3;}

section { float: left;
width: 33%;
padding-left: 2em;
padding-right: 2em;
}