@media screen and (max-width: 1280px){
	.wrapper{ width:85%; margin:0 auto; }
	.colElement{ width:31.5%;}
	#title{ width:50%;}
}

@media screen and (max-width: 1024px){
	.wrapper{ width:95%; margin:0 auto; }
	.colElement{ width:31%;}
	
}

@media only screen and (max-width: 768px) {
	.wrapper{ width:95%; margin:0 auto;}
	.colElement{ width:30.7%;}
	#title{ width:50%;}
	.txtContInfo{ width:94%;}
}

@media screen and (max-width: 480px){
	.wrapper{ width:95%; margin:0 auto;}
	#hMain{ background-image: none; background-color:#D7D7D7; height:150px; padding-top:15px;}
	.colElement{ width:95%; margin-bottom:10px;}
	#title{ width:100%; margin-top:10px;}
	.txtContInfo{ width:94%;}
}	 

@media screen and (max-width: 320px){
	.wrapper{ width:95%; margin:0 auto;}
	h2{font-family:Roboto; font-size:16px; color:#262F3C; text-align:center; margin-bottom:15px;}
	#hMain{ background-image: none; background-color:#D7D7D7; height:170px; padding-top:15px;}
	.colElement{ width:92%; margin-bottom:10px;}
	#title{ width:90%; margin-top:10px; text-align:center; font-size:23px;}
	.txtContInfo{ width:92%;}
	
}