* {
       box-sizing: border-box;
}

body { background-color: #EAEAEA; 
       color: #666666;
       font-family: Arial, Verdana, sans-serif;
}
       
header { background-color: #002171; 
       color: #FFFFFF;
       height: 120px;
       font-family: Arial, Verdana, sans-serif; 
}       
 h1 {  color: #FFFFFF; 
	font-family: Georgia, "Times New Roman", serif;
	text-indent: .5em;
	text-shadow: 3px 3px 5px #000000;
       font-size: 3em;
       letter-spacing: 0.25em;
       text-align: center;
 }

h2 { color: #1976D2; 
	 font-family: Georgia, "Times New Roman", serif}
nav {  
       font-weight: bold;
       font-size: 1.2em;
	word-spacing: 1em;
       padding: 0;
       float: left;
       width: 160px;
       position: fixed;
}
p { font-size: .90em;
	text-indent: 3em; }
ul { font-weight: bold; } 
.feature { color: #C70000; }
.resort {color: #002171;
       font-size: 1.2em;}
dl.resort dd {
  color: #000000;
}
dl.resort dt{color: #002171}     
footer { color: #333333;
       text-align: center;
       font-size: .75em;
       font-style: italic;
       padding: 1em; }
.company { font-weight: bold;
           font-family: Georgia, "Times New Roman", serif;
            font-size: 1.25em; }
#wrapper { margin-left: auto;
           margin-right: auto;
           min-width: 960px;
           max-width: 2048px;
           box-shadow: 0 0 20px #000000;
           background-image: linear-gradient(#FFFFFF, #90C7E3) }

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

#trailhero {
       height:300px;
       background-image: url("trail.jpg");
       background-size: 100% 100%;
       background-repeat: no-repeat;
       margin-left:170px;
}
#yurthero {
       height:300px;
       background-image: url("yurt.jpg");
       background-size: 100% 100%;
       background-repeat: no-repeat;
       margin-left:170px;
}
h3 {
       font-family: Georgia, serif;
       color: #002171;
}

main {
       padding-left: 2em;
       padding-right: 2em;
       display: block;
}
nav a {
       text-decoration: none;
}

nav a:link {
       color: #5C7FA3;       
}
nav a:visited {
       color: #344873;
}
nav a:hover {
       color: #A52A2A;
}
footer {
       background-color: #FFFFFF;
       margin-left: 170px;
}
nav ul {
       list-style-type: none;
       padding-left: 1em;
}
main {
       background-color: #FFFFFF;
       margin-left: 170px;
       overflow: auto;
}
header a:link,
header a:visited {
       text-decoration: none;
       color: #FFFFFF;
}
header a:hover {
       color: #90C7E3;
}
section {
       float: left;
       width: 33%;
       padding-left: 2em;
       padding-right: 2em;  
}