* {box-sizing: border-box;}

body {background-color: #EAEAEA; 
     color: #666666;
	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)}

header {background-color: #002171;
     color: #FFFFFF;
	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 {font-weight: bold; 
	padding: 0;
     font-size: 1.2em;
     float: left;
     width: 160px;
     position: fixed;}

nav ul {list-style-type: none;
     padding-left: 1em;}

nav a {text-decoration: none;}

nav a:link {color: #5C7FA3;}

nav a:visited {color: #344873;}

nav a:hover {color: #A52A2A;}

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


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

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

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