*{box-sizing:border-box;}

body{background-color:#eaeaea;
				color:#666666;
	 font-family:Arial,Helvetica,sans-serif;}
main{background-color:#ffffff;
	 padding:1px 20px 20px 30px;
	 display:block;
	 overflow:auto;}
header{background-color:#002171;
				  color:#ffffff;
	   text-align:center;}
header a{text-decoration:none;
		 transition:color 3s ease-out;}
header a:link{color:#ffffff;}
header a:visited{color:#ffffff;}
header a:hover{color:#90c7e3;}
nav{font-weight:bold;
	font-size:120%;
	padding:0;
	text-align:center;}
nav a{text-decoration:none;}
nav a:link{color:5c7fa3;}
nav a:visited{color:#344873;}
nav a:hover{color:#a52a2a;}
nav ul{list-style-type:none;
	   margin:0;
	   padding-left:0;
	   font-size:1.2em;}
nav li{border-bottom:1px solid #000033;}
h1{margin-bottom:0;
   margin-top:0;
   font-family:Georgia,"Times New Roman",Serif;
   letter-spacing:.25em;
   padding-top:.5em;
   padding-bottom:.5em;}
h2{color:#1976d2;
   font-family:Georgia,"Times New Roman",Serif;
   text-shadow:1px 1px 1px #cccccc;}
h3{color:#000033;
   font-family:Georgia,"Times New Roman",Serif;}
main ul{list-style-image:url(marker.gif);}
dt{color:#002171;}
footer{background-color:#ffffff;
	   font-family:Georgia,"Times New Roman",Serif;
	   font-size:75%;
	   font-style:italic;
	   text-align:center;
	   padding:2em;}
video,embed{float:right;
			padding-left:20px;}
table{border:2px solid #3399cc;
	  border-collapse:collapse;}
td{text-align:center;}
td,th{padding:.5em;
	  border:2px solid #3399cc;}
tr:nth-of-type(odd){background-color:#f5fafc;}
form{display:flex;
	 flex-flow:column nowrap;}
input,textarea{margin-bottom:.5em;}

   
.resort{color:#1976d2;
		font-weight:bold}
		
#homehero{background-image:url(coast2.jpg);
		  background-size:100% 100%;
		  background-repeat:no-repeat;
		  height:300px;}

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

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

#wrapper{background-color:#90c7e3;
		 background-image:linear-gradient(to bottom,#ffffff,#90c7e3);
		 background-repeat:no-repeat;}



@media (min-width:600px)
{
	nav ul{display:flex;
		   flex-direction:row;
		   flex-wrap:nowrap;
		   justify-content:space-around;}
	nav li{border-bottom:none;}
	section{padding-left:2em;
			padding-right:2em;}
	form{display:grid;
		 width:60%;
		 grid-gap:1em;
		 gap:1em;
		 grid-template-columns:6em 1fr;
		 grid-template-rows:auto;}
	input[type="submit"]{grid-column:2/3;
						 width:9em;}
	
	.content main{display:grid;
				  grid-template-rows:auto;
				  grid-template-columns:1fr 1fr 1fr;}
		footer{grid-row:2/3;grid-column:1/5;}
		section{grid-row:2/3;grid-column:auto;}
		h2{grid-row:1/2;grid-column:1/5;}
		#special{grid-row:auto;grid-column:1/5;}
	.text{text-align:left;}
}


@media (min-width:1024px)
{
	nav ul{display:flex;
		   flex-direction:column;
		   padding-top:1em;}
	nav{text-align:left;
		padding-left:1em;}
	
	#wrapper{margin:auto;
			 width:80%;
			 border:1px solid #000033;
			 box-shadow:1px 1px #000033;
			 display:grid;
			 grid-template-columns:180px auto;
			 grid-template-rows:auto;}
		header{grid-row:1/2;
			   grid-column:1/3;}
		nav{grid-row:2/5;
			grid-column:1/2;}
		div{grid-row:2/3;
			grid-column:2/3;}
		main{grid-row:3/4;
			 grid-column:2/3;}
		footer{grid-row:4/5;
			   grid-column:2/3;}
}