/* Global styles for the document */
body {background-color: #EAEAEA;
     color: #666666;
     font-family: Verdana, Arial, sans-serif
     Linear Gradient(#FFFFFF,#90C7E3);}

/* Styles for the header element */
header {background-position:Right;
        background-repeat:doesnt repeat;
        height: 120px
        color: #FFFFFF;
        font-family: Georgia, serif;}

/* Styles for the h1 element */
h1 {text-position: center;
    padding-top: 5em;
	font-size: 3em;
	letter-spacing: .25em}

/* Styles for the nav element */
nav {float: left;
     width: 50%;
     font-weight: bold;
     padding: 0;
     nav a text-decoration:none;
	 font-size: 1.2em;
	 float: left;
	 width: 160px;
	 position: static;}

/* Styles for the h2 element */
h2 {color: #1976D2;
    font-family: Georgia, serif;}

/* Styles for the dt element */
dt {color: #002171;
    font-weight: bold;}

/* Styles for a class named resort */
.resort {color: #1976D2;
         font-size: 1.2em;}

/* Styles for the footer element */
footer {background-color: #FFFFFF;
		margin-left: 170px;
		font-size: 0.70em;
        font-style: italic;
        text-align: center;
        padding: 1em;}

/* Style rule for the wrapper ID */
#wrapper {width: 80%;
          margin-right: auto;
          margin-left: auto;
          background-color:#FFFFFF;
          min-width:960px; 
		  max-width:2048px;
          box-shadow: 0px,4px,8px rgba(0, 0, 0, 0.2);
		  }

/* Style rule for the H3 element */
H3 {font-family:georgia, serif;}


/* Style rule for the main element */
Main Element {
			  padding-left: 2em
              padding-right: 2em
              display: block}

/* Style rule for a class named homehero */
#Home Hero {background-image: url("coast.jpeg");
           Height: 300px;
           background-size: 100%,100%;
           background-repeat: no-repeat;
		   margin-left: 170px}

/* Style rule for a class named yurthero*/
#YurtHero{height:300px;
         background-image: url("yurt."jpeg);
         background-size: 100%,100%;
         background-repeat: no-repeat;
		 margin-left: 170px;}

/* Style rule for a class named trailhero */
#trailhero{height:300px
          background-image: URL("trail."jpeg)
          background-size: 100%,100%;
          background-repeat: no-repeat;
		  margin-left: 170px;}
		  
		  .main-col {
	float:left;
	width: 70%;
}

.sidebar-col {
	float:right;
	width: 30%
}

.section element selector {
		float: left;
		width: 33%;
		padding-left: 2em;
		padding-right: 2em;
}

div { 
  column-count:3;
  column-gap: 40px;
}