/* Makes three columns */
.masonry { /* Masonry container */
  column-count: 3;
  column-gap: 1em;
}


.masonry { /* Masonry container */
  -webkit-column-count: 3;
  -webkit-column-gap: 0;
  -moz-column-count: 3;
  -moz-column-gap: 0;
  column-count: 3;
  column-gap: 0;
}
/* Masonry on large screens */
@media all and (max-width: 1024px) {
	.masonry{
		-webkit-column-count: 2;
    -moz-column-count: 2;
		 column-count: 2;
	}  
 
}
/* Masonry on medium-sized screens */
  @media all and (max-width: 800px) {
	  .masonry{
  -webkit-column-count: 2;
    -moz-column-count: 2;
		  column-count: 2;
	  }  
  }
  
/* Masonry on small screens */
@media all and (max-width: 540px) {
	.masonry{
	-webkit-column-count: 1;
    -moz-column-count: 1;
		 column-count: 1;
	}  
 }

.ms-item { /* Masonry bricks or child elements */
  background-color: #ffffff;
  display: inline-block;
  margin: 0 0 1em;
  width: 100%;
}