*{box-sizing:border-box;}
body 
{
background-color:#90c7e3;
color:#666666;
font-family:arial,Verdana, sans-serif;
}

header
{
background-color:#000033;
color:#ffffff;
font-family:georgia,"Times New Roman",Times,serif;
padding: 1em;
 }

header a {text-decoration: none;}
header a:link{color:#ffffff;}
header a:visited{color: #ffffff;}
header a:hover{color:#90c7e3;}
 
#wrapper
{
background-color:#ffffff;
background-repeat: no-repeat;
}
      
h1
{
  font-size: 1.5em;
  text-align: center;
}

nav 
{
  font-size:1.2em;
  background-color: #ffffff;
  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;
padding-left:0;
flex-direction:column;
margin: 0;
display: flex;
}

nav li
{
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-right: 1em;
padding-left: 1em;
width: 100%;
border-bottom:1px solid;
}

main
{
padding-left:1em;
padding-right:1em;
padding-top:0;
padding-bottom:0;
display:block;
}

#homehero
{
height:300px;
background-image:url("../images/coast.jpg");
background-repeat:no-repeat;
background-size:200% 100%;
}

#trailhero
{
height:300px;
background-color: #ffffff;
background-image: url("../images/trail.jpg");
background-repeat:no-repeat;
background-size:200% 100%;
}

#yurthero
{
height:300px;
background-image:url("../images/yurt.jpg");
background-repeat:no-repeat;
background-size:200% 100%;
} 

h2 
{
color:#3399cc;
font-family:Georgia, 'Times New Roman', Times, serif;
}

h3
{
font-family: Georgia, 'Times New Roman', Times, serif;
color:#000033;
}

dt 
{ 
color:#000033;
font-weight:bold;
}

.resort
{
color:#000033;
font-size: 1.2em;
} 

footer 
{
font-size:.70em;
font-style:italic;
text-align:center;
padding:1em;
background-color:#ffffff;
}

section
{
padding-left: .5em;
padding-right:.5em;
}
#mobile{display: inline;}
#desktop{display: none;}

table{width: 90%;
margin: auto;
border: 1px solid #3399cc;
border-collapse: collapse;
text-align: center;}

td,th{padding: 5px;
border: 1px solid #3399cc;}

td{text-align: center;}

.text{text-align: center;}
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;
  flex: 1;}
  #flow{flex-direction: row;
    display: flex;
    flex-wrap:nowrap;
    justify-content:space-around;
  }
  #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%;}
}