@charset "UTF-8";

.masonry{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -6px; margin-right: -6px;
}
.masonry li{ width: 25%; padding: 6px; }
.masonry img{
  width: 100%;
  border-radius: 16px;
  -webkit-box-shadow: 0 10px 26px rgba(0,0,0,0.35);
          box-shadow: 0 10px 26px rgba(0,0,0,0.35);
}

@media (max-width: 1200px){
  .masonry li{ width: 33.333%; }
}
@media (max-width: 768px){
  .masonry li{ width: 50%; }
}
@media (max-width: 480px){
  .masonry li{ width: 100%; }
}