/* ----------------------------- SPLASH ----------------------------- */

	/* MOBILES */

@media only screen and (min-width: 0px) 
{
	div#splash{
		background-image: url(../images/splash_homepage_lores.jpg);
	}
		div#splash p{
		}
			div#splash p span.headline{
				color: #000;
				font-size: 13vw;
				line-height: 12vw;
				text-shadow: 0vw 0vw 1.5vw #fff;
			}
				div#splash p span.headline span.txt_orange{
					font-size: 17vw;
				}
			div#splash p span.row_02{
				width: 100%;
				display: block;
				font-size: 6vw;
				color: #000;
			}
		div#splash .gradient{
			height: 72vw;
		}	
}


	/* TABLETS */

@media only screen and (min-width: 415px) 
{
	div#splash{
		background-image: url(../images/splash_homepage.jpg);
	}
		div#splash p{
			left: auto;
			right: 1vw;
			bottom: 0vw;
		}
			
			div#splash p span.headline{
				font-size: 5vw;
				line-height: 6vw;				
				text-shadow: 0vw 0vw 0.75vw #fff;
			}
				div#splash p span.headline span.txt_orange{
					font-size: 7vw;
				}
			div#splash p span.row_02{
				width: 90%;
				width: 90%;
				font-size: 2.5vw;
			}
		div#splash .gradient{
		}	
}

	/* ----------------------------- ATTIVITA' ----------------------------- */

	/* MOBILES */

@media only screen and (min-width: 0px) 
{
	ul#activities{
		list-style: none;
		color: #333;
	}
		ul#activities li{
			position: relative;
			float: left;
			width: 49%;
			margin:0.5%;
			text-align: center;
			overflow: hidden;
		}
			ul#activities a{
				display: block;
				height: 34vw;
				border: solid 2px #fff;
				overflow: hidden;
			}
			ul#activities a:hover{
				opacity: 0.72;
				border: solid 2px #FF7F00;
			}	
				ul#activities a img{
					width: 100%;
					transition: all .2s ease;
				}	
				ul#activities a img:hover{
					transform: scale(1.1);
				}
			ul#activities .activity_name{
				display: block;				
				height: 6vw;
				font-size: 4vw;
				line-height: 6vw;
			}		
}


	/* TABLETS */

@media only screen and (min-width: 415px) 
{
	ul#activities{
	}
		ul#activities li{
			width: 24.6%;
			margin:0.2%;
		}	
			ul#activities a{
				height: 13.5vw;
			}
				ul#activities a img{	
				}	
			ul#activities .activity_name{
				position: relative;
				height: 3vw;
				font-size: 1.3vw;
				line-height: 3vw;
			}	
			ul#activities .activity_name::after{
				content: '>';
				display: inline-block;
				position: absolute;
				top: 0.5vw;
				right: 0vw;
				width: 2vw;
				height: 2vw;
				line-height: 1.8vw;
				color: #fff;
				border-radius: 50%;
				background-color: #3279C0;
			}			

}


	/* ----------------------------- RECENSIONI GOOGLE ----------------------------- */

@media only screen and (min-width: 0px) 
{
	#google_reviews{
		display: grid;
		text-align: center;
		
		
		font-size: 4vw;
		grid-template-columns: 1fr 1fr;		
		grid-gap: 2vw;
	}
		#google_reviews .review_item{
			background-color: #fbf4ec;;
			box-shadow: 0px 0px 5px #999;
			
			
			padding: 4vw;			
		}	
			#google_reviews .review_item img{
				width: 20vw;
			}
			#google_reviews .review_item .star{
				display: inline-block;
				background-image: url(../images/symbol_star_01.png);
				background-size: contain;
				
				
				width: 4vw;
				height: 4vw;
				margin: 0.6vw;
			}	
			#google_reviews .review_item a{
				color: #FF7F00;
			}
			#google_reviews .review_item .rating{
				margin: 1vw;	
			}		
			#google_reviews .review_item .author_name{
			font-weight: bold;
			}		
			#google_reviews .review_item .text{
				line-height: 1vw;
			}	
	
	
}

@media only screen and (min-width: 415px) 
{
	#google_reviews{
		
		
		font-size: 2vw;	
		line-height: 2vw;		
		grid-template-columns: 1fr 1fr 1fr 1fr;		
		grid-gap: 0.8vw;
	}
		#google_reviews .review_item{
			padding: 1vw;			
		}	
			#google_reviews .review_item img{
				width: 10vw;
			}	
			#google_reviews .review_item .star{
				width: 2vw;
				height: 2vw;
				margin: 0.1vw;				
			}	
			#google_reviews .review_item .rating{
				margin: 1vw;	
			}			
			#google_reviews .review_item .author_name{
				font-weight: normal;
			}		
			#google_reviews .review_item .text{
				line-height: 2vw;
			}		
}



	/* ----------------------------- FOTO INTERNI ----------------------------- */

	/* MOBILES */

@media only screen and (min-width: 0px) 
{
	.wrp_foto_interni{
		margin-top: 5vw;
	}
		.foto_interni{
			float: left;
			width: 49%;
			margin: 0.5%;
			border: solid 2px #FFF;
		}

}


	/* TABLETS */

@media only screen and (min-width: 415px) 
{
	.wrp_foto_interni{
		margin-top: 3vw;
	}	
		.foto_interni{
			width: 49.6%;
			margin: 0.2%;
		}
}