.porta_foto1{
	position: absolute;
	width: 20%;		/* desired width */
	/*border:solid 2px #F06;*/
	margin-top:4%;
    margin-left:2%;
}

.porta_foto1:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

#bottone1 {	
   background-image:url(../images/2.jpg);
   z-index:72; 
   }

.porta_foto2{
	position: absolute;
	width: 20%;		/* desired width */
	/*border:solid 2px #F06;*/
	margin-top:0%;
    margin-left:25%;
    }

.porta_foto2:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
	}

#bottone2 {	
   background-image:url(../images/3.jpg);
   z-index:71; 
   }

.porta_foto3{
	position: absolute;
	width: 20%;		/* desired width */
	/*border:solid 2px #F06;*/
	margin-top:-6%;
    margin-left:57%	;
	}

.porta_foto3:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

#bottone3 {   
   background-image:url(../images/1.jpg);
   z-index:70;  
   } 



.view {
   width: 100%;
   height: 100%;
   padding:0%;
   border: 2px solid #fff;
   overflow: hidden;
   position: absolute;
   z-index:72; 
   text-align: center;
   -webkit-box-shadow: 4px 4px 5px -1px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    4px 4px 5px -1px rgba(50, 50, 50, 0.35);
box-shadow:         4px 4px 5px -1px rgba(50, 50, 50, 0.35);
   cursor: default;  
   
    
   
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   background-size: cover;
      
   
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
    border-radius: 50%;
 
   
}

.cover_top {
	width:100%;
	height:100%; 
   
}


.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: vw;
   padding: 35% 0% 35% 5% ;
   background: rgba(0, 0, 0, 0.8);
   margin-top: 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
   z-index:130;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}