@media screen and (max-width: 478px) 	{
	h1 { font-size: 18pt; }
	p { font-size:9pt; }
	body { font-size: 10pt; }
	#contact { width: 90%; text-align: center; margin: 0 5% 2% 5%}
	#socialm_holder { width: 90%; margin: 1% 5% 1% 5%;}
	#booking_holder { margin:1% 0 1% 0;}
	.email { width: 78%; padding: 1%; margin: 1% 10% 1% 10%;}
	.button{ width: 140px; font-size: 10pt;}
	#siteby { float:left; width:100%; text-align: center; margin: 1% 0 1% 0;}
}
	
@media screen and (max-width: 740px) 	{
	h1 { font-size: 20pt; }
	p { font-size:9pt; }
	#socialm_holder { width: 60%; margin: 1% 20% 1% 20%;}
}

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

	h1 { font-size: 18pt; }
	p { font-size:9pt; }
	img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
	#socialm_holder { width: 90%; margin: 1% 5% 1% 5%;}
}