/*Masonry for images & videos */
.masonry {padding:20px 2%; display: grid; grid-template-columns: repeat(1, minmax(100px,1fr)); grid-gap: 25px; grid-auto-rows: 0;}
.masonry2 {padding:20px 2%; display: grid; grid-template-columns: repeat(1, minmax(100px,1fr)); grid-gap: 25px; grid-auto-rows: 0;}
.masonry img, .masonry video, .masonry2 img, .masonry2 video {width:100%;}


@media (min-width: 760px) {
  .masonry { grid-template-columns: repeat(2, minmax(100px,1fr));}
  .masonry2 { grid-template-columns: repeat(2, minmax(100px,1fr));}
}
@media (min-width: 1024px) {
  .masonry, .pageleft .masonry2 { grid-template-columns: repeat(3, minmax(100px,1fr));}
  .masonry2 { grid-template-columns: repeat(2, minmax(100px,1fr));}
}
@media (min-width: 1260px) {
  .masonry, .masonry2{ grid-template-columns: repeat(4, minmax(100px,1fr));}
  .pageleft .masonry2{ grid-template-columns: repeat(3, minmax(100px,1fr)) !important;}
}
@media (min-width: 1600px) {

}
@media (min-width: 2000px) {
	.masonry2{ grid-template-columns: repeat(4, minmax(100px,1fr));}
}
.masonry-item { filter: drop-shadow(0px 2px 2px rgba(255, 51, 65, .3)); transition: filter .25s ease-in-out;}
.masonry2 .masonry-item {position:relative; }
.masonry-item:hover {filter: drop-shadow(0px 5px 5px rgba(255, 51, 65, .3));}