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: 1.5em;
}

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: column;
    padding-left: 0em;
    margin: 0em;
}

nav li {padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  border-bottom: 1px solid;
}
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: 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%;
}	
footer { font-size: .70em;
      font-style: italic;
      text-align: center;
      padding: 1em;
      background-color: #FFFFFF;
}

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

#mobile {display: inline;}

#desktop {display: none}

* { box-sizing: border-box; }

table:nth-of-type(even){margin:auto;
width:90%;
border:1px solid #3399CC;
border-collapse: collapse;
 }

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

td {text-align: center;}

.text {text-align: left;}