* { box-sizing: border-box; }
margin: 0;
body { background-color: #90C7E3;
color: #666666;
font-family: Verdana, Arial, sans-serif;
}
#wrapper { background-color: #FFFFFF;
}
header { background-color: #002171;
color: #FFFFFF;
font-family: Georgia, serif;
padding: 1 em;
}
header a { text-decoration: none; }
header a:link { color: #FFFFFF; }
header a:visited { color: #FFFFFF; }
header a:hover { color: #90C7E3; }
h1 { font-size: 1.5em;
text-align: center;
}
h2 { color: #1976D2;
font-family: Georgia, serif;
}
h3 { font-family: Georgia, serif; }
nav { 
font-color: #FFFFFF;
font-size: 1.2em;
position: auto;

}
#nav { display: column;           
    flex-wrap: wrap; 
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: .5em;}
main { background-color: ;
display: block;
margin-left:  ;
overflow: ;
padding-top: 0;
padding-bottom:0;
padding-left: 1em;
padding-right: 1em;
}
dt { color: #002171;
font-weight: bold;
}
.resort { color: #1976D2;
font-size: 1.2em;
}
table {
    width: 90%; 
    margin: 0 auto; 
    border: 1px solid #3399CC; 
    border-collapse: collapse; 
}
table td, table th {
    padding: 5px; 
    border: 1px solid #3399CC; 
    text-align: left;
}
table tr:nth-child(even) {
    background-color: #DFEDF8; 
}


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

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

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

section { float: left;
padding-left: 2em;
padding-right: 2em;
width: 33%;
}
footer { background-color: #FFF;
font-size: .70em;
font-style: italic;
margin-left: ;
padding: 1em;
text-align: center;
}