* { box-sizing: border-box; }
 body { background-color: #90C7E3;
     margin: 0%;
       color: #666666;
	   font-family: Verdana, Arial, sans-serif;
}
#wrapper { background-color: #FFFFFF;
           background-repeat: no-repeat; 
           }
header { background-color: #002171;
         color: #FFFFFF;
		 font-family: Georgia, serif;
		 padding: 1em;
}
header a { text-decoration: none; }
header a:link       { color: #FFFFFF; }
header a:visited { color: #FFFFFF; }
header a:hover     { color: #90C7E3; }
h1 {  font-size: 1.5em;
      text-align: center;
}
h2 { color: #1976D2;
     font-family: Georgia, serif; 
}
h3 { font-family: Georgia, serif; }
nav { 
     font-size: 1.2em;
	background-color: white;
     text-align: center;
}
nav a { text-decoration: none; }
nav a:link       { color: #5C7FA3; }
nav a:visited { color: #344873; }
nav a:hover     { color: #A52A2A; }
nav ul { list-style-type: none; 
     display: flex;
     flex-direction: column;
     margin: 0%;
       padding-left: 0em;}
nav li {
     padding-top: .5em;
     padding-bottom: .5em;
     padding-left: 1em;
     padding-right: 1em;
     width: 100%;
     border-bottom: 1px solid;
}
main { 
      display: block; 
	 padding-left: 1em;
      padding-right: 1em;
      padding-top: 0;
      padding-bottom: 0;
      }
dt { color: #002171;
     font-weight: bold;
}
.resort { color: #1976D2;
          font-size: 1.2em;
}
#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%; 
			 }	
#mobile {
     display: inline;
}
#desktop {
     display: none;
}
section { 
        padding-left: .5em;
		padding-right: .5em;
		}			
footer { background-color: #FFF;
       font-size: .70em;
       font-style: italic;
	   padding: 1em;
	  text-align: center;
}
td, th {
     border: 1px solid #3399CC;
     padding: 5px;
}
td {text-align: center;
     }
table {
     margin: auto;
     border: 1px #3399cc;
     width: 90%;
     border-collapse: collapse;
}
.text { text-align: left;}
tr:nth-of-type(even) { background-color: #DFEDF8; }
@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%;
     }
     
}