*{
	box-sizing: border-box;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#EAEAEA;
}

header{	
	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;	
}

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

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

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

nav a{
	text-decoration:none;
	margin:0;
}

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

nav li{
	border-bottom: 1px solid #000033;
}

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

nav a:visited{
	color:#344873;
}

nav a:hover{
	color:A52A2A;
}

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

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

h3{
	font-family:Georgia;
}

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

dt{
	color:#002171;
}

#wrapper{
	background-color:#90C7E3;
	background-repeat:no-repeat;
	background-image: linear-gradient(#FFFFFF, #90C7E3);
}

#contact{
	font-size:90%;	
}

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

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

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

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





@media (min-width: 600px)
{
	.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}			
	
	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;
	}
	
	#special{
		
	}
	
	
}





@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;}
}