#come-contattarci{
	margin: 0 auto;
	display: block;
	position: relative;
	max-width: 1100px;
	padding-top: 120px;
	color: #222;
	}

#come-contattarci p{
	margin: 0 auto;
	display: inline;
	float: left;
	width: 50%;
	padding-bottom: 40px;
	}

#come-contattarci .contatti span{
	color: #002f64;
	font-weight: 400;
	font-size: 1.2em;
	}

#come-contattarci .orari span{
	color: #002f64;
	font-weight: 400;
	font-size: 1em;
	}

#come-contattarci p.contatti{
	font-size: 1.1em;
	line-height: 38px;
	}

#come-contattarci p.orari{
	font-size: 0.8em;
	line-height: 30px;
	}

.porto span{
	color: #002f64;
	font-weight: 400;
	}

p.porto{
	color: #222;
	}

#form{
	margin:0 auto;
	padding-top: 70px;
	display: block;
	}

#form iframe{
	margin-top: -30px;
	max-width: 700px;
	width: 100%;
	height: 830px;
	
}

.google-maps iframe {
	position: relative;
	width: 100%;
    height: 600px;
	z-index: 90;
	margin-top: 70px;
	margin-bottom: 10px;
    }

#links{
	margin: 0 auto;
	display: block;
	position: relative;
	max-width: 1400px;
	padding-top: 70px;
	color: #002f64;
	font-weight: 400;
}

#links p{
	display: inline;
	float: left;
	width: 25%;
	padding-bottom: 40px;
    line-height: 40px;
    -webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	transition: all 0.7s ease;
	}

#links img{
	width: 90%;
	max-width: 350px;
	border-radius: 35px;
	border: 4px solid #e5e5e5;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	transition: all 0.7s ease;
	}

#links img:hover{
	border-radius: 50%;
	}



/* responsive rules */
@media screen and (min-width: 1150px) {

	
	
}

@media screen and (min-width: 1081px) and (max-width: 1149px) {
	
	
	
}


@media screen and (min-width: 801px) and (max-width: 1080px) {
	
#links p{
	width: 50%;
	}

	

}


@media screen and (min-width: 651px) and (max-width: 800px) {
	
#come-contattarci p{
	width: 100%;
	}

.google-maps iframe {
	height: 520px;
	}

#links p{
	width: 50%;
	}
	
}

@media screen and (min-width: 451px) and (max-width: 650px) {
	
#come-contattarci p{
	width: 100%;
	}
	
.google-maps iframe {
	height: 450px;
	}
    
#links p{
	width: 100%;
	}
	

}


@media screen and (min-width: 291px) and (max-width: 450px) {
	
#come-contattarci p{
	width: 100%;
	}

.google-maps iframe {
	height: 400px;
	}
    
#links p{
	width: 100%;
	}
	
	
}

@media screen and (max-width: 290px) {
	
#come-contattarci p{
	width: 100%;
	}
	
.google-maps iframe {
	height: 380px;
	}
    
#links p{
	width: 100%;
	}
	
	
}