html {
}

img{
	max-width:100%;
	height: auto;
}


@media only screen and (min-width: 801px) and (max-width: 1390px) {
	.wrap-header, .block02{width:90%; margin:0 auto;}
	.wrap-pagetop, #content, .zerogrid{width:90%;}
	.zerogrid .col-right{width:60%;}
	.zerogrid .col-left{width:30%;}
	
	.feature{padding:0px;}
	.welcome{margin:0px;}
	.wrap-pagetop{width:100%; position:relative;margin:0 auto; }
}


@media only screen and (min-width: 320px) and (max-width: 800px) {
	.zerogrid .col-1-3{width:45%;}
	#main-content {width:90%; padding-left:10px;}
	.wrap-header #logo{top:auto; bottom:10px; }
	.pagetop{height: 180px;}
	.shareicons ul {float: none!important;}
	.shareicons li{float: left; list-style: none outside none; width:94%;}
	.shareicons{background:none;}
	
	nav{left:5px;}
	
	.wrap-header, #content, .zerogrid, .zerogrid .col-right, .zerogrid .col-left, .block02{width:100%; margin:0px; padding:0px;}
	
	.feature{padding:0px;}
	.welcome{margin:0px;}
	
	.wrap-header {margin-top: 0px;height:150px;}
	
}