body {background-color: #90C7E3; 
	  color: #666666; margin: 0;
	  font-family: Verdana, Arial, sans-sarif;}
header {background-color: #002171; color: #FFFFFF;
		text-align: center; padding: 1em;}
header a:link {color: #FFFFFF; text-decoration: none;}
header a:visited {color: #FFFFFF; text-decoration: none;}
header a:hover {color: #90C7E3; text-decoration: none;}
h1 {text-align: center; font-size: 3em; font-size: 1em;}
nav {font-size: 1.2em; text-align: center; background-color: #FFFFFF;}
h2 {color: #1976D2; font-family: Georgia, sans-sarif;}
dt {color: #002171; font-weight: bold;}
.resort {color: #1976D2; font-size: 1.2em;}
.wrapper {background-color: #FFFFFF; background-repeat: no-repeat;}
footer {font-size: 1.2em; font-style: italic; text-align: center; 
		padding: 1em; background-color: #FFFFFF;}
h3 {font-family: Georgia, serif;}
main {padding-right: 2em; padding-left: 2em; padding-top: 0; 
	  padding-bottom: 0; padding-left: 1em; padding-right: 1em;}
#homehero {background-image: url(coast.jpg); height: 300px; 
		   background-size: 200%, 100%; background-repeat: no-repeat;}
#yurthero {background-image: url(yurt.jpg); height: 300px; 
		   background-size: 200%, 100%; background-repeat: no-repeat;}
#trailhero {background-image: url(trail.jpg); height: 300px; 
			background-size: 200%, 100%; background-repeat: no-repeat;}
nav a {text-decoration: none;}
nav a:link {color: #5C7FA3;}
nav a:visited {color: #344873;}
nav a:hover {color: #A52A2A;}
nav ul {display: flex; flex-direction: column; list-style-type: none;
		padding-left: 1em; padding-right: 1em; margin: 0;}
nav li {padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em;
		width: 100%; border-bottom: 1px solid;}
* {box-sizing: border-box;}
section {padding-left: 5em; padding-right: 5em;}
#flow {display: flex; flex-direction: row;}
#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%;}}
@media (min-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%;}}

table, td, th {border: 1px solid #3399CC; width: 90%; margin: auto; border-collapse: collapse;}
td {padding: 5px; border: 1px solid #3399CC; text-align: center;}
th {padding: 5px; border: 1px solid #3399CC;}
tr:nth-of-type(even) {background-color: #DFEDF8;}
.text {text-align: left;}