@charset "UTF-8";
/* CSS Document - mbhuju@gmail.com */

	
@media screen and (max-width: 1175px){
	
	#header_inn,  #signup_inn, #footer_inn{width:95%;}
	#content_inn{width:90%;}
}

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

	#logo{float:none; width:100%; padding:20px 0; margin:0 auto; text-align:center; }
	#address{float:none; width:100%; padding:20px 0; margin:0 auto; text-align:center;}
	
	#menu_bg{padding:0;}
	
	#left{float:none; width:100%; margin:0 auto; padding-bottom:50px;}
	#right{float:none; width:100%; margin:0 auto;}
	
	#navigate{float:none; width:100%; margin:0 auto; text-align:center;}
	#directions{float:none; width:50%; margin:0 auto; text-align:center; padding:40px 0;}
	#contact{float:none; width:100%; margin:0 auto; text-align:center;}
	#hours{float:none; width:100%; margin:0 auto; text-align:center; padding:40px 0;}
	#comm{float:none; width:100%; margin:0 auto; text-align:center;}
	
	.imgleft{float:none; margin:0 auto; text-align:center; display:block; padding:0; }
	.imgright{ float:none; margin:20px auto; text-align:center; display:block;  }
		
	#contactform{width:90%;}

	.form table, .form td, .form tr { display: block; }		
	.form td { border: none; position: relative; }
	.textright{text-align:left; padding-right:10px;}
	
	#content_inn{ padding:25px 0; }

}



@media screen and (max-width: 768px){
	h1{font-size:32px;}

}
	
@media screen and (max-width: 576px){
	#directions{width:80%;}

}