@media only screen and (max-width: 767px) {

img {
	max-width: 90%;
}


.logo {
	float:	none;
	clear: both;
	text-align: center;
	margin: auto;
}


.main_menu {
	margin-top: 0em;
}

.main_menu li {
	display:	inline;
}

.main_menu li a {
	text-decoration: none;
	padding: 0.5em 1em;
	display: inline-block;
	color:	#5195c9;
}

.col_3_1 {
	width: 90%;
	display: block;
	vertical-align: top;
	clear: both;
	margin: auto;
}

.colonne_testo p , .colonne_testo li {
	text-align: left;
	width: 80%;
	padding: 0.5em 0px;
	margin: auto;
}


}


@media only screen and (max-width: 1100px) {

.col_3_1 {
	width: 90%;
	display: block;
	vertical-align: top;
	clear: both;
	margin: auto;
}


.colonne_testo p , .colonne_testo li , .colonne_testo h3 {
	text-align: left;
	width: 80%;
	padding: 0.5em 0px;
	margin: auto;
}


}