@charset "utf-8";
body { font-family: 'Open Sans', sans-serif; color:#9b9b9b; font-size:16px; text-align:left;}
.wrapper{ width:100%; overflow:hidden;}
.container{ width:1200px; margin:auto;}
.header{ width:100%;}
.logo{}
.right-col{}
.banner{width:100%;}
.section{width:100%; overflow:hidden; padding:4% 0px 4% 0px;}
.col1{width:100%;}
.section{width:100%;}
.col1-4{width:21%; padding:2%; float:left;}
.footer{width:100%; overflow:hidden; background-color:#8b8a8a;  padding:2% 0px 2% 0px; color:white;}
h1 { color:black;}
.center-align{ text-align:center;}
.grey-bg{ background-color:#e8e7e7; color:#666666;}
a { color:#000000; text-decoration:none;}
a:hover { color:#F60;}


@media only screen and (max-width: 1100px) {
	
.logo{ text-align:center;} 
.logo{} img { max-width:300px; width:100%; height:auto; margin:auto; }
.banner img { max-width:1200px; width:100%; height:auto;}
.container{ width:100%; }
.banner{width:100%;}
.section{padding:2% 0px 2% 0px;}
.col1-4{width:46%; padding:2%; float:left; text-align:center;}
.col1-4 img { max-width:200px; width:100%; height:auto;}
.center-align{ text-align:center;}
.noc { max-width:32px!important;}



}

@media only screen and (max-width: 480px) {
	
	.logo{ text-align:center;} 

.logo{} img { max-width:300px; width:100%; height:auto; margin:auto; }
.banner img { max-width:1200px; width:100%; height:auto;}
.container{ width:100%; }
.banner{width:100%;}
.section{padding:2% 0px 2% 0px;}
.col1-4{width:96%; padding:2%; float:none; text-align:center;}
.col1-4 img { max-width:200px; width:100%; height:auto;}
.center-align{ text-align:center;}



}