header, main, nav, footer, figure, figcaption, aside, section, article { display: block; }
table { border: 2px solid #3399CC;
        border-collapse: collapse; }
td, th { padding: 0.5em;
        border: 2px solid #3399CC; }
td { text-align: center; }
.text { text-align: left; }
tr:nth-of-type(odd) { background-color: #F5FAFC; }
label { float: left;
        display: block;
        text-align: right;
        width: 120px;
        padding-right: 10px; }
input, textarea { display: block;
        margin-bottom: 20px; }
input[type="submit"] { margin-left: 130px; }
video, embed { float: right; padding-left: 20px; }
#gallery { height: 200px;
        position: relative; }
figure { position: absolute;
        left: 280px;
        text-align: center;
        opacity: .25; }
#gallery ul { width: 300px;
        list-style-type: none; }
#gallery li { display: inline;
        float: left;
        padding: 10px; }
#gallery img { border: none; }
#gallery a { text-decoration: none;
        font-style: italic;
        color: #000033; }
#gallery span { position: absolute;
        left: -1000px;
        opcaity: 0;
        transition: 3s ease-in-out; }
#gallery a:hover span { position: absolute;
        top: 16px;
        left: 320px;
        text-align: center;
        opcaity: 1; }
@media only screen and (max-width: 64em) {
        body { margin: 0; }
        #wrapper { min-width: 0;
                width: auto;
                box-shadow: none;
                border: none; }
        header { padding: 0.5em;
                padding-bottom: 0.5em;
                padding-left: 0;
                height: auto; }
        h1 { letter-spacing: 0; }
        main { margin-left: 0; }
        nav { float: none;
                width: auto;
                text-align: center;
                padding: 0.5em; }
        nav li { display: inline;
                padding-top: 0.25em;
                padding-bottom: 0.25em;
                padding-left: 0.75em;
                padding-right: 0.75em; }
        #homehero { margin-left: 0;
                height: 200px; }
        #yurthero { margin-left: 0;
                height: 200px; }
        #trailhero { margin-left: 0;
                height: 200px; }
        footer { margin-left: 0; } }
@media only screen and (max-width: 37.5em) {
        main { padding-top: 0.1em;
                padding-bottom: 0.1em;
                padding-left: 1em;
                padding-right: 1em;
                font-size: 90%; }
        h1 { font-size: 2em; }
        nav { padding: 0; }
        nav li { display: block;
                margin: 0;
                border-bottom: 2px #330000; }
        #homehero { background-image: none;
                height: 0; }
        #mobile { display: inline; }
        #desktop { display: none; }
        label { float: none;
                text-align: left;
        #gallery { display: block; } }
        input[type="submit"] { margin-left: 0; } }
* { box-sizing: border-box; }
body { background-color: #B8DBED;
        color: #666666;
        font-family: Arial, Helevtica, sans-serif; }
main { background-color: #FFFFFF;
        padding: 1px 20px 20px 30px;
        margin-left: 190px;
        display: block; }
main ul { list-style-image: url(marker.gif); }
nav { font-weight: bold;
        padding: 1.5em;
        font-size: 120%;
        float: left;
        width: 160px; }
nav ul { list-style-type: none;
        margin: 0;
        padding-left: 0;
        font-size: 1.2em; }
nav a { text-decoration: none;
        transition: color 3s ease-out; }
nav a:link { color: #5C7FA3; }
nav a:visited { color: #344873; }
nav a:hover { color: #A52A2A; }
header { background-color: #000033;
        color: #FFFFFF;
        height: 120px;
        text-align: center;
        padding-top: 30px;
        padding-left: 3em; }
h1 { font-family: Georgia, Times New Roman, serif;
        font-size: 3em;
        letter-spacing: 0.25em; }
h2 { color: #3399CC;
        font-family: Georgia, Times New Roman, serif;
        text-shadow: 1px 1px 1px #CCCCCC; }
h3 { color: #000033; font-family: Georgia, Times New Roman, serif; }
dt { color: #000033; }
footer { font-size: 75%;
        font-style: italic;
        text-align: center;
        font-family: Georgia, Times New Roman, serif;
        padding: 20px;
        margin-left: 190px;
        background-color: #FFFFFF;
        float: none; }
.resort { color: #3399CC; font-weight: bold; }
#contact { font-size: 90%; }
#wrapper { margin-left: auto;
        margin-right: auto;
        width: 80%;
        background-color: #90C7E3;
        min-width: 960px;
        max-width: 2048px;
        box-shadow: 3px 3px 3px #333333;
        border: 1px solid #000033;
        background-image: linear-gradient(#FFFFFF, #90C7E3); }
#homehero { height: 300px;
        background: url(coast2.jpg) 100% 100% no-repeat;
        margin-left: 190px }
#yurthero { height: 300px;
        background: url(yurt.jpg) 100% 100% no-repeat;
        margin-left: 190px; }
#trailhero { height: 300px;
        background: url(trail.jpg) 100% 100% no-repeat;
        margin-left: 190px; }
#mobile { display: none; }
#desktop { display: inline; }