@media screen and (min-width:240px) and (max-width:567px) {
	header { width:90%; height:auto; float:left; margin-left:5%; margin-right:5%; }
	.logo { width:100%; height:auto; float:left; text-align:center; }
	.logo img { max-width:100%; width:200px; margin:10px 0; }
	.social { width:100%; height:auto; float:none; clear:none; text-align:center; }
	.social img { width:32px; height:32px; float:none; margin-left:2px; margin-right:2px; }
	
	.menu { width:100%; height:auto; float:left; margin-top:10px; clear:none; text-align:center; }
	.menu ul { width:auto; height:auto; float:none; }
	.menu li { float:none; display:inline-block; }
	.menu li a { font:400 18px 'Fjalla One',sans-serif; color:#0392f8; text-transform:uppercase; text-decoration:none; margin-left:10px; margin-right:10px; }
	
	.callbacks_nav { display:none; }
	
	.container { width:90%; height:auto; float:left; margin-left:5%; margin-right:5%; }
	.whitebox-left { width:100%; height:auto; float:left; text-align:center; }
	.whitebox-left p { font:300 18px 'Source Sans Pro', sans-serif; color:#fff; }
	.whitebox-btn { width:100%; height:auto; float:right; margin-top:15px; text-align:center; margin-bottom:10px; }
	
	#main-cont { width:100%; height:auto; float:left; padding:5% 0; }
	.main-text h1 { font:20px 'Fjalla One', sans-serif; color:#333; margin-bottom:5px; text-transform:uppercase; }
	.main-text p { font:300 18px/24px 'Source Sans Pro', sans-serif; color:#333; }
	
	footer { width:90%; height:auto; float:left; margin-left:5%; margin-right:5%; }
	.footer-add-box { width:100%; height:auto; float:left; }
	.footer-enq-box { width:100%; height:auto; float:left; margin-top:20px; }
}

@media screen and (min-width:568px) and (max-width:767px) {
	header { width:90%; height:auto; float:left; margin-left:5%; margin-right:5%; }
	.logo { width:100%; height:auto; float:left; text-align:center; }
	.logo img { max-width:100%; width:200px; margin:10px 0; }
	.social { width:100%; height:auto; float:none; clear:none; text-align:center; }
	.social img { width:32px; height:32px; float:none; margin-left:2px; margin-right:2px; }
	
	.menu { width:100%; height:auto; float:left; margin-top:10px; clear:none; text-align:center; }
	.menu ul { width:auto; height:auto; float:none; }
	.menu li { float:none; display:inline-block; }
	.menu li a { font:400 18px 'Fjalla One',sans-serif; color:#0392f8; text-transform:uppercase; text-decoration:none; margin-left:10px; margin-right:10px; }
	
	.callbacks_nav { display:none; }
	
	.container { width:90%; height:auto; float:left; margin-left:5%; margin-right:5%; }
	.whitebox-left { width:100%; height:auto; float:left; text-align:center; }
	.whitebox-left p { font:300 18px 'Source Sans Pro', sans-serif; color:#fff; }
	.whitebox-btn { width:100%; height:auto; float:right; margin-top:15px; text-align:center; margin-bottom:10px; }
	
	#main-cont { width:100%; height:auto; float:left; padding:5% 0; }
	.main-text h1 { font:20px 'Fjalla One', sans-serif; color:#333; margin-bottom:5px; text-transform:uppercase; }
	.main-text p { font:300 18px/24px 'Source Sans Pro', sans-serif; color:#333; }
	
	footer { width:90%; height:auto; float:left; margin-left:5%; margin-right:5%; }
	.footer-add-box { width:100%; height:auto; float:left; }
	.footer-enq-box { width:100%; height:auto; float:left; margin-top:20px; }
}

@media screen and (min-width:768px) and (max-width:1024px) {
	header { width:90%; height:auto; float:left; margin-left:5%; margin-right:5%; }
		
	.container { width:90%; height:auto; float:left; margin-left:5%; margin-right:5%; }
	.whitebox-left { width:100%; height:auto; float:left; text-align:center; }
	.whitebox-left p { font:300 18px 'Source Sans Pro', sans-serif; color:#fff; }
	.whitebox-btn { width:100%; height:auto; float:right; margin-top:15px; text-align:center; margin-bottom:10px; }
	
	#main-cont { width:100%; height:auto; float:left; padding:5% 0; }
	.main-text h1 { font:20px 'Fjalla One', sans-serif; color:#333; margin-bottom:5px; text-transform:uppercase; }
	.main-text p { font:300 18px/24px 'Source Sans Pro', sans-serif; color:#333; }
	
	footer { width:90%; height:auto; float:left; margin-left:5%; margin-right:5%; }
	.footer-add-box { width:45%; height:auto; float:left; }
	.footer-enq-box { width:45%; height:auto; float:right; margin-top:00px; }
}