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 { font-weight: bold;
padding-top: .5em;
padding-right: .5em;
padding-bottom: .5em;
float: left;
	width: 120px;
	padding: 0;
	font-size: 1.2em;
}

nav a { text-decoration: none; 
}

main { padding-left: 2em;
padding-right: 2emdisplay: 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;
width: 33%;
padding-left: 2em;
padding-right: 2em;}

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

* { box-sizing: border-box}

nav a:link {color: #5C7FA3;}
nav a:visited {color: #344873;}
nav a:hover {color: #A52A2A;}

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