@media screen and (min-width: 480px) {

	header h1 {
	font-size: 4em;
	}


	nav li {
	display: inline-block;
	margin: 10px auto;
	padding: 0 30px;
	

	}
	
	nav a {
		margin: 0;
		padding: 0;
		}
		
	p.quote {

		margin: 15px 0;
		font-size: 1.5em;
		}
		
#happening {
		font-size: 2.2em;
		}


	

}

@media screen and (min-width: 720px) {

		.side-photo img {
		margin: 10px 20px 23px 0px;
		}
		

		
	}
	
@media screen and (max-width: 720px) {

		
		#happening {
		font-size: 1.7em;
		}
		
		footer p {
		font-size: .9em;
		}
		
	}
	
@media screen and (max-width: 480px) {

		
		#happening {
		font-size: 1.5em;
		}
		
		footer p {
		font-size: .8em;
		}

		#booking {
		color: #889598;
		font-size: 1.1em;
		}
		
	}

	}