* {box-sizing: border-box;}
body{ color:#666666;font-family:verdana, arial, sans-serif;background-color:#3399cc; background-image: linear-gradient(to bottom, #3399cc, #c2e0f0, #3399cc); background-repeat:no-repeat;}
main{background-color:#ffffff; margin-left:170px; padding-top:1px; padding-bottom:1px; padding-right:2em; padding-left:2em; display:block; }
h1 {margin-bottom: 0; line-height: 200%; background: url(images/sunset.jpg) no-repeat right; padding-left:2em; height:72px}
header {display:block; background-color:#000033;color:#ffffff;font-family:georgia;}
nav {display:block; font-weight:bold; float:left; width:160px; padding:0;}
nav a {text-decoration:none;}
nav a:link {color: #ffffff;}
nav a:visited {color: #c2e0f0;}
nav a:hover {color: #cccccc;}
nav ul {list-style-type:none; padding-left: 1em;}
h2{color: #3399cc;}
h3{color: #000033}
footer{display:block; background-color:#ffffff; margin-left: 170px; font-size:.70em;text-align:center;font-style:italic; padding:1em;}
#wrapper {background-color:#000033; width:80%; min-width:700px; max-width:1024px; margin-left:auto; margin-right:auto;box-shadow: 5px 5px 5px #000000;}
#homehero {background-image: url(images/coast.jpg); margin-left: 170px; height: 300px; background-size:100% 100%; background-repeat: no-repeat}
#yurthero {background-image: url(images/yurt.jpg);margin-left: 170px; height: 300px;background-size:100% 100%; background-repeat: no-repeat}
#trailhero {background-image: url(images/trail.jpg);margin-left: 170px; height: 300px;background-size:100% 100%; background-repeat: no-repeat}
#mobile{display:none}
#desktop{display:inline}
.resort{color:#000033; font-size: 1.2em;}
/*tablet*/
@media only screen and (max-width: 1024px){
body {padding:0; margin:0; background-image:none}
h1 {margin:0}
nav {float:none; width:auto; padding-top:0.01em; padding-bottom:0.01em; padding-left:1em ; padding-right:1em;}
nav li {display: inline-block}
nav a {padding-right:2em;}
main {padding:1em; margin-left:0; font-size:90%;}
footer {margin:0}
#wrapper {width:auto; min-width:0; margin:0; box-shadow:none;}
#homehero {margin-left:0;}
#yurthero {margin-left:0;}
#trailhero {margin-left:0;}
}
/*cell*/
@media only all and (max-width: 768px){
h1 {height:100%; font-size: 1.5em; padding-left: .3em}
nav {padding:0;}
nav a {display:block; padding: .2em; font-size:1.1em; border-bottom:1px solid #330000;}
nav ul {margin:0; padding:0;}
nav li {display: block; margin:0; padding:0;}
main {padding-top:.1em; padding-bottom: .1em; padding-left: .4em; padding-right: .6em;}
footer {padding: .1em;}
#homehero {display:none}
#yurthero {display:none}
#trailhero {display:none}
#mobile {display:inline}
#desktop {display:none}
}