body { background-color: #90C7E3;background-image:linear-gradient(to bottom, #FFFFFF 20%, #90C7E3 60%, #FFFFFF 100%);
color: #666666;
font-family: Verdana, Arial, sans-serif;margin: 0;
}
#wrapper { background-color: #FFFFFF;margin:auto;width:80%;
}
header { background-color: #002171;
background-position: right;
background-repeat: no-repeat;
color: #FFFFFF;
font-family: Georgia, serif;
padding:1em;}
header a:link {text-decoration:none;color:#FFFFFF;}
header a:visited {text-decoration:none;color:#FFFFFF;}
header a:hover {text-decoration:none;color:#90C7E3;}

h1 { text-align: center;
font-size:3em;
font-size:1.5em;
}
h2 { color: #1976D2;
font-family: Georgia, serif;
}
h3 { font-family: Georgia, serif; 
}
nav { 
text-align:center;background-color:white;
}
nav ul {list-style-type:none;
padding-left:10%;
padding-right:10%;
flex-direction:column;
margin:0;
    
}
nav li {padding-top:.5em;padding-bottom:.5em;padding-left:1em;padding-right:1em;width:100%;border-bottom: solid 1px;
}
nav a { text-decoration: none;}
nav a:link {color:#5C7FA3;}
nav a:visited {color:#344873;}
nav a:hover {color:#A52A2A;}

main {padding-top:0;padding-bottom:0;
padding-left: 1em;
padding-right: 1em
;
}
* {box-sizing: border-box;}
#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 {
padding-left:.5em;
padding-right:.5em;
}
footer {font-size:.7em;
font-style:italic;
text-align:center;
padding:1em;
background-color:#FFFFFF;
}
#mobile {display:inline;}
#desktop {display:none;}
@media (min-width:600px) {
    h1 {font-size:2em;letter-spacing:.25em;}
    nav ul {display: flex; flex-direction:row;flex-wrap:nowrap;justify-content:space-around;padding-right:2em;
    }
    nav li {width:12em;border-bottom:none;}
    section {padding-left:2em;padding-right:2em;
    }
    #flow {display:flex;flex-direction:row;}
    #mobile {display:none;}
    #desktop {display:inline;}
    #homehero {background-size: 100% 100%}
    #yurthero {background-size: 100% 100%}
    #trailhero {background-size: 100% 100%}
}
table {margin-left:auto;margin-right:auto;border:solid 1px #3399CC;width:90%;border-collapse:collapse;}
td, th {padding:5px;border:solid 1px #3399CC}
td {text-align:center;}
.text {text-align:left;}
tr:nth-of-type(2n){background-color:#DFEDF8}