/* CSS Document */

#voci { width:65%; margin:auto; margin-top:200px;  }

.no {
	text-align: center;
	margin-top: 100px;
	margin-bottom: 100px;
	font-size: 24px;
	color: #060;
	line-height:30px;
}

.eventi {
	width: 33.333333%;
	height: 60vh;
	display: table-cell;
    vertical-align: middle;
	float: left;
	}
	
.eventi.home { width:50%; float:left; }

	
	
.eventi .img { width:100%; height:100%; background-position: center center; background-size: cover; float:left; position:relative; }

.evento.home .img { width:80%; float:right; }

 .descr { width:100%; 
 }
.descr .wrapper {
   
    margin: 20px;
}

.descr p {
    font-size: 22px;
    line-height: 30px;
	margin-bottom:20px;
}

.evento .img .h2wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
	transition: .5s ease;
	background-color: rgba(51,51,51,0.6);
}





.evento .img  h2 {
	 color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  font-size:50px;
  font-family: 'Abril Fatface', display;
}

.evento {  width:100%; margin-top:40px; }
.evento .img { width:100%; height:80vh; background-position: center center; background-size: cover; float:left; position:relative; } 

.evento .h2wrap {
	position: absolute;
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	width: auto;
	background-color: rgba(50,50,50,0.6);
	padding-left:15px;
	padding-right:15px;
	-webkit-transition: all 500ms ease-out 1s;
    -moz-transition: all 500ms ease-out 1s;
    -o-transition: all 500ms ease-out 1s;
    transition: all 500ms ease-out 1s;
}

.evento h2 { color:#fff; -webkit-transition: color 500ms ease-out 1s;
    -moz-transition: all 500ms ease-out 1s;
    -o-transition: color 500ms ease-out 1s;
    transition: color 500ms ease-out 1s; }

.evento a { display:block; width:100%; height:100%; }

.evento a:hover .h2wrap { background-color: rgba(50,50,50,0.8); }
.evento a:hover h2 { color:#CC2229; }

.descr p {     margin-bottom: 20px;
    font-size: 30px;
    word-spacing: 0.1em;
    line-height: 40px;
	width:80%;
	margin:auto;
	}

#indietro {
	float: right;
	height: 40px;
	width: 200px;	
	background-color:rgba(255,153,0,1);
	text-align:center;	
}

#indietro a {
	
	color: #fff;
	font-family: 'Amatic SC', cursive;
	font-weight: normal;
	font-size: 20px;
	line-height: 40px;
	text-decoration:none;
	
	
}

#indietro img { height:12px; width:auto; }
	
	
@media only screen and (max-width: 640px)
{









}

@media (min-width: 1201px)
{

	

}

@media (min-width: 1200px)
{

	
	
	
	

}


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

	
.eventi {
    width: 100%;
	height: 30vh;

}


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


	
}


@media only screen and (max-width: 600px) and (min-width: 480px) {
 

	
	
}

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



	
}

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


	
 
 	
	
	
	
	
	
	
 
}


@media only screen and (max-width: 1200px) and (min-width: 1024px) {
 
 

	
	
	
}





@media only screen and  (min-width: 1200px) {
 
 
	
	
	
}