.container-col-4, .container-col-3, .container-col-4-2, .container-col-2 { 
  max-width: 1280px; 
  min-width: 320px; 
  margin: 0 auto; 
  min-height:100px; 
  clear: both;
  margin-bottom:10px;
  float: left;
  width: 100%;

}

.container-col-2 .col { 
  float: left; 
  width: 49.5%; 
  margin-right: 1%; 
  padding:0; 
  min-height: 10px;
  position: relative;
}

.container-col-3 .col { 
  float: left; 
  width: 32.65%; 
  margin-right: 1%; 
  padding:0%;
  min-height: 10px;  
  position: relative;
}

.container-col-4 .col { 
  float: left; 
  width: 24.25%; 
  margin-right: 1%; 
  padding:0%; 
  min-height: 10px;
}

.container-col-4-2 .col { 
  float: left; 
  width: 24.25%; 
  margin-right: 1%; 
  padding:0%; 
  min-height: 10px;
}

div.col:last-child { 
  margin-right: 0 ;
}

.col a.piastrella, .col a.piastrella img, .col a.piastrella span.h2-overlay-banner {
	display:block;
}

.col a.piastrella img {
	width: 100%; 
	height: auto !important;
	max-width:100%; 
	max-height:100%;
}

.col a.piastrella span.h2-overlay-banner {
	font-size: 1.1em;
    line-height: 1.1em;
	padding:0.3em;
	font-weight:bold;
}

.col a.piastrella span.h2-overlay-banner :hover {
	text-decoration:underline ;
}

.h2-overlay-banner {
    position: absolute;
    bottom: 0;
	left:0;
	right:0;
    margin-bottom: 0;
}

/* Wide */

@media screen and (min-width: 1220px) {


}


/* Normal */

@media screen and (max-width: 1220px) and (min-width: 980px) {
	
}

/* fine normal */

/* Narrow */

@media screen and (max-width: 980px) and (min-width: 740px) {

}

/* fine Narrow */

/* Mobile */
@media screen and (max-width: 740px) { 

  .container-col-4 .col, .container-col-3 .col, .container-col-2 .col, .container-col-4-2 .col { 
    display:block!important;
    float: none!important; 
    width: 100%!important; 
    margin: 0 auto !important; 
	margin-bottom:10px !important;
  }
 
 
  div.col:last-child { 
    margin-right: auto ;
  }
  

} 


 @media all and (min-width: 740px) and (max-width: 1220px) {
  
  .container-col-4-2 .col {
	float: left; 
    width: 48.8%; 
    padding:0.4%; 
    min-height: 10px; 
  }
  
  .container-col-4-2 .col:nth-child(odd) {
	margin-right: 0.8%; 
  }
  
  .container-col-4-2 .col:nth-child(even) {
	margin-right: 0;  
  }
  
  
 
}

@media all and (min-width: 740px) and (max-width: 960px) {

img {
	  float:none !important;
  }
  
}