@import url(https://fonts.googleapis.com/css?family=Cinzel|EB+Garamond&subset=latin,cyrillic);
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#before_after{display:none;}
.container {
 position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box; 

 
}





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

/* For devices larger than 400px */
@media (min-width: 400px) {
 .colonna,
.colonne {
  width: 29%;
  float: left;
  box-sizing: border-box; margin:2%; }
}

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

}




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


	
}





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

}






@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; margin:2%; }
}