/*Overall*/

	*{box-sizing: border-box;}


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

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

	header a {
		text-decoration: none;
	}

	header a:link {
		color: #FFFFFF;
	}

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

	header a:visited {
		color: #FFFFFF;
	}

/* Nav */

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

	nav a {
		text-decoration: none;
	}

	nav ul{
        list-style-type: none;
        margin: 0;
	}

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

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

	nav a:visited {
		color: #344873;
	}


/*main*/

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

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

	dt{
		color: #002171;
	}

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

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

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

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

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

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

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

/*alt sizing*/
	@media (min-width: 600px) {
		nav ul {display: flex;
				flex-flow: row no-wrap;
				justify-content: space-around;
		}
    
		nav li {
			border-bottom: none;
		}
    
		section {
			padding-left: 2em;
            padding-right: 2em;
			grid-row: 2/3; 
			grid-column: auto;
		}
    
		.content main {
			display: grid;
            grid-template-rows: auto;
            grid-template-columns: 1fr 1fr 1fr;
		}
		
		#special {
			grid-row: auto; 
			grid-column: 1/5;
		}
    
		h2 {
			grid-row: 1/2; 
			grid-column: 1/5;
		}    
    
		footer {
			grid-row: auto; 
			grid-column: 1/5;
		} 
        
	}

	@media (min-width: 1024px) {
		
		header {
			grid-row: 1/2; 
			grid-column: 1/3;
		}
		
		nav ul {
			display: flex;
			flex-flow: column;
			padding-top: 1em;
		}
            
		nav {
			text-align: left;
			padding-left: 1em;
			grid-row: 2/5; 
			grid-column: 1/2;
		}
        
		#wrapper {
			margin: auto;
            width: 80%;
            border: 1px solid #000033;
            box-shadow: 3px 3px 3px #333333;
            display: grid;
            grid-template-rows: auto;
            grid-template-columns: 190px auto;
		}
        
		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;
		}
    
}