.one_half {
	position: relative;
	float: left;
	width:46%;
	margin-right:8%;
}
.one_third {
	position: relative;
	float: left;
	width:30%;
	margin-right:4%;
}
.one_fourth {
	position: relative;
	float: left;
	width:22%;
	margin-right:4%;
}
.one_fifth {
	position: relative;
	float: left;
	width:17.5%;
	margin-right:4%;
}

.last {
	margin-right:0 !important;
}

@media only screen
and (min-width : 0px) 
and (max-width : 1024px) {
	#template {
		padding:150px 0 75px 0;
	}

}

@media only screen
and (min-width : 1025px) {
	html, body {width:100%;height:100%;}
	#main {min-height:100%;}
	#template {padding-bottom:175px;}
	#footer {
		position:absolute;
		bottom:0;
		width:98%;
		padding:20px 1%;
	}
}

@media only screen
and (min-width : 0px) 
and (max-width : 976px) {
	.grid {width:90% !important;margin:0 5% !important;}
	
	
	/* CSS FOOTER */
	#footer {padding-top:30px;text-align:center;}
	#footer #logo {position:relative;top:auto;left:auto;margin:0 auto 25px auto;display:inline-block;}
	#footer .links {margin:20px 0 30px 0;}
	#footer #info {border:0;margin:0 auto;padding:0;}
	#footer #info .iconos {float:none;margin:15px 0;}
	#footer ul#social {position:relative;top:auto;right:auto;margin:0 auto 25px auto;}
}

@media only screen
and (min-width : 0px) 
and (max-width : 800px) {
	.one_half, .one_third, .one_fourth, .one_fifth {width:100%;margin-right:0;}
}

@media only screen
and (min-width : 0px) 
and (max-width : 600px) {
	
	h2 {font-size:48px;line-height:48px;}
	h3 {font-size:30px;line-height:30px;}
	
}

@media only screen
and (min-width : 0px) 
and (max-width : 480px) {
	#footer .links a {display:block; margin-bottom:10px;}
	#footer .links span {display:none;}

}


@media only screen
and (min-width : 0px) 
and (max-width : 380px) {

}

@media only screen
and (min-width : 0px) 
and (max-width : 320px) {

}