#masonry { 
  width: 100%;
  display: flex; 
  flex-direction: column;
  flex-wrap: wrap; 
  }
  
  .masonry-row {
    flex-flow: row wrap;
    display: flex;
    min-height: 100%;
	height: auto;
	padding: 0px 1%;
  }
  
 
	   
  @media screen and (min-width : 774px) {
	   .masonry-row {
       justify-content: space-between;
  }
    }


 @media screen and (max-width: 773px) {
    .masonry-row {
    justify-content: center;
  }
    }
 

 .masonry-column {
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
  }



  /* General masonry tiles */
  .square-1 {
    width: 350px;
    height: 350px;
	margin: 2% 10px;
	overflow: hidden;
  }
  .easeinout {
	 -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


.easeinout:hover, .easeinout:focus {
	-ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
	 -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}



/* fallback for earlier versions of Firefox */

@supports not ((-webkit-flex-wrap: wrap) or (-ms-flex-wrap: wrap) or (flex-wrap: wrap)) {
  #masonry { display: block; }
  #masonry img {  
    display: inline-block;
    vertical-align: top;
  }
}