body {background-color: #90c7e3; 
      color: #555555;
      font-family: Ariel, Helvetica, sans-serif;
      background-image: linear-gradient(to bottom, #FFFFFF, #90c7e3);
      background-repeat: no-repeat;}

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

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

nav { background-color: #ffffff; text-align: center; padding: 1em;}

nav a {text-decoration: none;}

main {padding-top: 1px; 
      padding-right: 20px; 
      padding-bottom: 20px; 
      padding-left: 20px;
      display: block;}

h1 {margin-top: 0;
    margin-bottom: 0;}

h2 {color: #1976d2; 
    font-family: Georgia, times New Roman, serif;
    text-shadow: 1px 1px 1px #cccccc;}

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

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

footer {font-size: 75%;
        font-style: italic;
        text-align: center; 
        font-family: Georgia, times New Roman, serif;
        padding; 2em;}

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

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

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



dt {color: #002171;}

.resort {color: #1976d2;
         text-weight: bold;}

#contact {font-size:90%;}