/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#before_after{display:none; }
.container {
 margin-top:50px;
  width: 100%;
 min-height:100%;
  margin: 0 auto;
  padding: 0 0px;
  box-sizing: border-box; 
clear:both;
 
}





.colonna,
.colonne {display:block; 
  width: 46%;
  float: left;
  box-sizing: border-box; margin:2%; min-height:250px; }
.colonne img{width:100%;}  

/* For devices larger than 400px */



/* For devices larger than 550px */
@media (min-width: 550px) {


}










@media only screen and (min-width: 768px){
 .colonna,
.colonne {
  width: 29%;
  float: left;
  box-sizing: border-box;  min-height:300px;}

}






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

#before_after{display:block;}
}





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

	 .colonna,
.colonne {
  width: 12.6666666666666666666666%;
  float: left;
  box-sizing: border-box;  }
}