@charset "utf-8";
/* CSS Document */


/* ======================================================================================================
					 MEDIA QUERIES
=======================================================================================================*/


@media only screen and (max-width: 600px) {
	body { padding-left:10px;
	padding-right:10px;
	background-color:red;
	}
	
	header, nav, .container, footer, .container_12, .grid_15{
		width:100%;
	}
	
	header .container_12 .logo .grid_15 { width:65%}
	header .container_12 .box1 .grid_14 { width:20%}
	header .container_12 .box2 .grid_13 { width:5%}
	header .container_12 .grid_13 img { margin:6px 0 11px 4px}
	header .container_12 .grid_13 p {margin-top:-10px}
	header .container_12 .grid_14 h1 { font-size:13px}
	header .container_12 .grid_14 p { font-size:9px;}
}




@media only screen and (max-width: 900px) {
	body { 
		padding-left:10px;
		padding-right:10px;
	}
	
	header, nav, .container, footer{
		width:100%;
	}
.logo { width:98%}
}



@media only screen and (max-width: 317px) {
	body { 
		padding-left:10px;
		padding-right:10px;
	}
	header, nav, .container, footer, .logo{
		width:100%;
	}
}





@media only screen and (max-width: 767px) {
	body { 
		padding-left:10px;
		padding-right:10px;
	}
	
	header, nav, .container, footer, .container_12, .grid_15{
		width:100%;
	}
	
	header .container_12 .logo .grid_15 { width:65%}
	header .container_12 .box1 .grid_14 { width:20%}
	header .container_12 .box2 .grid_13 { width:5%}
	header .container_12 .grid_13 img { margin:6px 0 11px 4px}
	header .container_12 .grid_13 p {margin-top:-10px}
	header .container_12 .grid_14 h1 { font-size:13px}
	header .container_12 .grid_14 p { font-size:9px;}
	

}


@media only screen and (max-width: 480px) {
	body { 
		padding-left:10px;
		padding-right:10px;
	}
	
	header, nav, .container, footer{
		width:100%;
	}
	header .container_12 .grid_15 img
	{ width:100%}
}


@media only screen and (max-device-width: 480px) {
	body { 
		padding-left:10px;
		padding-right:10px;
	}
	header, nav, .container, footer, .logo{
		width:100%;
	}
}