* {box-sizing: border-box;
}

#wrapper {background-color: #FFFFFF;
}
header a { text-decoration: none;
} 

header a:link {color: #FFFFFF;
}

header a:visited {color: #FFFFFF;
}

header a:hover {color: #90C7E3;
}

h1 {text-align: center; padding-top: 1em; font-size: 3em; letter-spacing: .25em;
}
h2 {color: #1976D2; font-family: Georgia;
}
h3 {font-family: Georgia
}
nav {font-size: 1.2em; text-align:center; background-color: #FFFFFF;
}
nav a { text-decoration:none;
}
nav a:link {color: #5C7FA3; text-decoration: none; border:none; background-color: #FFFFFF; 
}
nav a:visited {color: #334873; text-decoration:none; border:none; background-color: #FFFFFF;
}
nav a:hover {color: #A52A2A; text-decoration:none; border:none; background-color: #90C7E3;
}
nav ul { display:flex; flex-direction:column; margin:0; padding:0; list-style-type: none; padding-left: 1em; padding-right: 1em: padding-top:.5em; padding-bottom:.5em; width:100%; border: bottom 1px;
}
main {float: right; padding-top:0; padding-bottom:0; padding-right: 1em; padding-left: 1em; display: block;
}
dt {color: #002171; font-weight: bold;
}
.resort {color: #1976D2; font-size: 1.2em;
}
body { background-image: linear-gradient(to bottom, #FFFFFF, #90C7E3); color: #90C7E3; font-family: Verdana; margin:0;
}
#homehero {height: 300px; background-image: url(coast.jpg); background-size: 200% 100%; background-repeat: no-repeat;
}
#yurthero {height: 300px; background-image: url(yurt.jpg); background-size: 200% 100%; background-repeat: no-repeat;
}
#trailhero {height: 300px; background-image: url(trail.jpg); background-size: 200% 100%; background-repeat: no-repeat;
}
section {padding-left: .5em; padding-right: .5em;
}
table {margin:auto; border: 1px; solid #3399CC; width:90%; border-collapse: collapse; padding-bottom:10px;
}
td, th {border:1px solid #3399CC; padding:5px;
}
td {text-align: center;
}
.text {text-align: center;
}
tr:nth-of-type(even) { background-color: #DFEDF8;
}
footer {background-color: #FFFFFF; font-size: .70em; font-style: italic; text-align: center; padding: 1em;
}
#mobile {display:inline;
}
#desktop {display:none;
}
@media (min-device-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%;
}
@media (min-device-width:1024px) {
body {background-image: linear-gradient (to bottom, #FFFFFF 20%, #90C7E3 60%, #FFFFFF 100%);
nav ul {padding-left: 10%; padding-right:10%;
#wrapper {margin:auto; width:80%
}