*{box-sizing: border-box;}

header{
background-color: #002171;
color: #FFFFFF;
height: 120px;
padding-top: 30px;
padding-left: 3em;
text-align: center;
}

header a{
text-decoration: none;

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

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

h1 {
margin-bottom: 0;
margin-top: 0;
font-family: Georgia, "Times New Roman", serif;
font-size: 3em;
letter-spacing: 0.25em;
}

main{
background-color: #FFFFFF;
margin-left: 190px;
display: block;
padding: 1px 30px 20px;
overflow: auto;
}

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

h2 {
color: #1976D2;
font-family: Georgia, "Times New Roman", serif;
text-shadow: 1px 1px 1px #CCCCCC;
}

h3 {
font-family: Georgia, "Times New Roman", serif;
color: #000033;
}
main-ul {
    list-style-image: url(marker.gif);
}

nav {
float: left;
width: 160px;
font-weight: bold;
padding: 1.5em;
font-size:120%;
}

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

nav ul a{
text-decoration: none;

}

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




dt {
color: #002171;
}

.resort {
color: #1976D2;
}

footer {
background-color: #FFFFFF;
margin-left: 190px;
text-align: center;
font-style: italic;
font-family: Georgia, "Times New Roman", serif;
font-size: 75%;
padding: 2em;
}

.resort{
font-weight: bold;
}

#contact{
font-size: 90%; 
}

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

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

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

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