*{box-sizing: border-box;}
body 
{background-color: #eaeaea;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;}
header
    {background-color:#002171;color: #ffffff;
    height: 120px;
    padding-top: 30px;
    padding-left: 3em;
    text-align: center;}
header a:link 
      {color: #ffffff;text-decoration: none;}
header a:visited 
      {color:#ffffff;text-decoration: none;}
header a:hover
      {color: #90c7e3;}
nav
  {font-weight: bold;
    text-decoration-style: none;text-align: left;
    list-style-type: none;
    padding: 1.5em;
    font-size: 120%;
    float: left;
    width: 160px;}
nav a
  {text-decoration: none;}
nav ul
    {margin: 0;
    padding-left: 0;
    list-style-type: none;
    font-size: 1.2em;}
nav a:link {color:#5c7fa3}
nav a:visited {color:#344873}
nav a:hover {color:#a52a2a}
h1
  {font-family: Georgia, 'Times New Roman', Times, serif;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 3em; 
    letter-spacing: .25em;}
h2
  {color:#1976D2;font-family: Georgia, 'Times New Roman', Times, serif;
    text-shadow: 1px #cccccc;}
h3
  {font-family: Georgia, 'Times New Roman', Times, serif; color: #000033;}
main ul
  {list-style-image: url(marker.gif);}
footer
 {font-size: 75%;font-family: Georgia, 'Times New Roman', Times, serif;
  font-style: italic;
  text-align: center;
  padding: 2em;
margin-left: 190px;
background-color: #ffffff;}
dt
  {color:#002171;}
.resort
 {color:#1976D2;
  font-weight: bold;}
div
  {font-size: 90%;}
#wrapper
  {background-color: #90c7e3; 
    width: 80%; 
    margin-left: auto;
    margin-right: auto; 
    min-width: 960px; 
    max-width: 2048px;
    box-shadow: 3px #333333;
    border: 1px #000033;
    background-image: linear-gradient( #ffffff, #90c7e3);}
main
    {padding-top: 1px;
      background-color: #ffffff;
      margin-left: 190px;
      overflow: auto;
      padding-right: 20px;
      padding-bottom: 20px;
      padding-left: 30px;
      display: block;}
#homehero 
  {height: 300px;
    margin-left: 190px;
    background-image: url(coast2.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;}
#yurthero
  {height: 300px;
    margin-left: 190px;
    background-image: url(yurt.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;}
#trailhero
 {height: 300px;
  margin-left: 190px;
  background-image: url(trail.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;}
.section
  {float: left; 
  width: 33%;
  padding-left: 2em;
  padding-right: 2em;}