body { background-color: #90C7E3;
                  color: linear-gradient (to bottom, #FFFFFF, #90C7E3);
                  background-repeat: no repeat;
	font-family: Arial;
      }

.header {
    background-color: #002171;
               color: #FFFFFF;
               background-image: url(sunset.jpg);
               background-repeat: no-repeat;
               background-position: right;
               line-height: 60px;
               text-align: center;
               padding-top: 15px
        }


nav { background-color: #FFFFFF; 
                 font-weight: bold;
                 padding: 1em;
                 text-align: center;            
      }
nav a { 
text-decoration: none;
}
h1 {
  margin-bottom:0;
  margin-top:0;
  font-family: Georgia;
}

h2 { color: #1976D2;
    font-family: Georgia;  
    text-shadow: 1px 1px 1px #CCCCCC;
    }

h3 { color:#000033;
      font-family: Georgia;
}
dt{
  color:#002171
}
#footer
{
  font-size: 75%;
  font-style: italic;
  text-align: center;
  font-family: Georgia;
  padding:2em;
}
.resort {
  color: #1976D2;
  font-weight: bold;
}

#contact {
  font-size: 90%;
}


ul {
      list-style-image: url(marker.gif);
}

#wrapper {
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    padding: 2em;
    width: 80%;
    min-width: 960px;
    max-width: 2048px;
    box-shadow: 3px 3px 3px #333333
          }

 main {
   padding:1px 20px 20px 20px;
   display: block;
     }

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

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

#trailhero {
   height: 300px;
   background-image: url(trail.jpg);
   background-size: 100% 100%;
   background-repeats: no repeat;
   }