body { background-color: #90C7E3;
    color: #666666;
    font-family: Verdana, Arial, sans-serif;
    margin: 0px
}

#wrapper { background-color: #FFFFFF;
}

header { background-color: #002171;
      color: #FFFFFF;
      font-family: Georgia, serif;
      padding: 1em;
}
h1 { text-align: center;
    font-size: 2em;
    letter-spacing: 0.25em;
}

h2 { color: #1976D2;
  font-family: Georgia, serif; 
}

h3 { font-family: Georgia, serif; }

nav {font-size: 1.2em;
  text-align: center;
  background-color: white;
}

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: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    padding-left: 0em;
    padding-right: 2em;
    margin: 0em;
}

nav li {padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  width: 12em;
  border-bottom: none;
}
header a:link {text-decoration: none;
        color: white;
    }

header a:visited {text-decoration: none;
        color: white;
    }

header a:hover {text-decoration: none;
    color: #90C7E3;
}

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

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: 100% 100%; 
}

#yurthero { height: 300px;
         background-image: url(yurt.jpg);
           background-repeat: no-repeat;
         background-size: 100% 100%;
}
#trailhero { height: 300px;
         background-image: url(trail.jpg);
           background-repeat: no-repeat;
         background-size: 100% 100%;
}	
footer { font-size: .70em;
      font-style: italic;
      text-align: center;
      padding: 1em;
      background-color: #FFFFFF;
}

section {
    padding-left: 2em;
    padding-right: 2em;
}

#flow {display: flex;
flex-direction: row;}

#mobile {display: none;}

#desktop {display: inline;}

* { box-sizing: border-box; }