#intro-servizi {
	position: relative;
	display: block;
	max-width: 100%;
	background-color: #fff;
	top:-10px;
	text-align: left;
}

#intro-servizi p{
	margin:0 auto;
	max-width: 1200px;
	padding-left: 5px;
	padding-right: 5px;
	}

#intro-servizi p.title{
	font-size: 2.5em;
	padding-top: 50px;
	font-family: 'arialb';
	color:#003056;
	line-height: 50px;
	margin-bottom: 20px;
	}

#intro-servizi p.subtitle{
	font-size: 1.2em;
	padding-top: 50px;
	font-family: 'lato',sans-serif;
	color:#003056;
	line-height: 35px;
	}

#intro-servizi p.corpo{
	line-height: 33px;
	}

#prodotti{
	margin: 0 auto;
	display: block;
	position: relative;
	max-width: 1500px;
	padding-top: 70px;
	}

#prodotti p{
	margin: 0 auto;
	display: inline;
	float: left;
	width: 33.33%;
	padding-bottom: 30px;
	}

#prodotti img{
	width: 95%;
	max-width: 400px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
	border: 2px solid #e5e5e5;
	border-radius: 15px 15px 15px 15px;
	}

#prodotti img:hover{
	border: 2px solid #ccc;
	border-radius: 110px 30px 110px 30px;
	box-shadow: 0 10px 6px -6px grey;
	}









/* 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) {
	



}


@media screen and (min-width: 651px) and (max-width: 800px) {

#prodotti p{
	width: 50%;
	}

	

	
}

@media screen and (min-width: 451px) and (max-width: 650px) {

		#intro-servizi p.title{
		font-size: 2.3em;
			line-height: 45px;
}
	

#prodotti p{
	width: 50%;
	}


}


@media screen and (min-width: 291px) and (max-width: 450px) {
	
		#intro-servizi p.title{
		font-size: 2.1em;
			line-height: 40px;
			margin-top: 10px;
}
	
#prodotti p{
	width: 100%;
	}



	
}

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

	
		#intro-servizi p.title{
		font-size: 1.9em;
			line-height: 35px;
			margin-top: 10px;
}
	
#prodotti p{
	width: 100%;
	}
	


	
	
}