*{
	box-sizing: border-box;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	background-color:#EAEAEA;}
	
#wrapper{
	background-image: linear-gradient(#FFFFFF, #90C7E3);
	background-repeat:no-repeat;
	background-color:#90C7E3;}

header{	
background-image: linear-gradient;
	background-color:#002171;
	color:#FFFFFF;
	text-align:center;}

header a{
	text-decoration:none;}

header a:link{
	color:#FFFFFF;	}

header a:visited{
	color:#FFFFFF;	}

header a:hover{
	color:#90C7E3;}


nav{
	font-weight:bold;	
	padding:0;
	font-size:120%;
	text-align:center;}

nav a{text-decoration:none;
		transition: color 3s ease-out;}

nav ul{
	list-style-type:none;
	margin:0;
	padding-left:0;
	font-size:1.2em;}

nav a:link{
	color:#5C7FA3;}

nav a:visited{
	color:#344873;}

nav a:hover{
	color:A52A2A;}
	
nav li{
	border-bottom: 1px solid #000033;}

main{
	padding-top:1px;
	padding-right:20px;
	padding-bottom:20px;
	padding-left:30px;
	display:block;
	background-color:#FFFFFF;
	overflow:auto;}

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

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

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

h1{
	font-family:Georgia, Times New Roman, serif;
	margin-top:0;
	margin-bottom:0;
	padding-top:.5em;
	padding-bottom:.5em;
	letter-spacing:0.25em;}





table {border: 2px solid #3399cc;
border-collapse: collapse;}

td, th {padding: .5em;
		border: 2px solid #3399cc;}

td { text-align: center;}

.text {text-align: left;}

tr:nth-of-type(odd) { 
	background-color: #f5fafc;}

h2{
	font-family:Georgia, Times New Roman, serif;
	color:#1976D2;
	text-shadow:3px 3px 3px #CCCCCC;}

h3{
	font-family:Georgia, "Times New Roman", serif;
	color: #000033;}
	
main ul{list-style-image: url(marker.gif);}

dt{color:#002171;}
	
.resort{
	font-weight:bold;
	color:#1976D2;}

#contact{
	font-size:90%;}

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

form {display: flex;
	flex-flow: column nowrap;}

input, textareas{
	margin-bottom: .5em;}

video, embed{float: right;
padding-left: 20px;}


@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;}	
	
	.content main{
		display:grid;
		grid-template-rows:auto;
		grid-template-columns:1fr 1fr 1fr;}
			
	h2{grid-row:1/2; grid-column:1/5;}
			
	section{grid-row:2/3; grid-column:auto;}
	
	#special{grid-row: auto; grid-column: 1/5;}
	
	footer {grid-row: auto; grid column: 1/5;}
	
	form{display: grid;
	grid-gap: 1em;
	gap: 1em;
	grid-template-columns: 6em 1fr;
	grid-template-rows: auto;
	width: 60%;}
	
	input[type="submit"] {grid-column: 2/3;
							width: 93m;}
}


@media (min-width: 1024px)
{
	
	nav{
		text-align:left;
		padding-left:1em;
	}
	
	nav ul{
		display:flex;
		flex-direction:column;
		padding-top: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;}
}