#portfolio { position: relative; background: white; text-align: center; padding-left: 2px; padding-right: 2px; }

#portfolio #portfolio-row { margin-left: -2px; margin-right: -2px; display: flex; flex-wrap: wrap; }

#portfolio #portfolio-row .item { flex: 0 0 calc(33.333333% - 4px); padding: 2px; display: inline-flex; }
@media (max-width: 1199px) { /* line 89, general.scss */
  #portfolio #portfolio-row .item { flex: 0 0 calc(50% - 4px); } }
@media (max-width: 575px) { /* line 89, general.scss */
  #portfolio #portfolio-row .item { flex: 0 0 calc(100% - 4px); } }
/* line 100, general.scss */
#portfolio #portfolio-row .item img { max-width: 100%; }


.lightbox-gallery{background-image: linear-gradient(#4A148C, #E53935);background-repeat: no-repeat;color: #000;overflow-x: hidden}.lightbox-gallery p{color:#fff}.lightbox-gallery h2{font-weight:bold;margin-bottom:40px;padding-top:40px;color:#fff}@media (max-width:767px){.lightbox-gallery h2{margin-bottom:25px;padding-top:25px;font-size:24px}}.lightbox-gallery .intro{font-size:16px;max-width:500px;margin:0 auto 40px}.lightbox-gallery .intro p{margin-bottom:0}.lightbox-gallery .photos{padding-bottom:20px}.lightbox-gallery .item{padding-bottom:30px}

@media(min-width: 768px){
	.h-masonry{
		display:flex; 
		flex-wrap: wrap;	
	}
	.h-masonry .masonry-item{
		flex: auto;
		height: 20vw;
		min-width: 33%;
	}

	.h-masonry .masonry-item img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	
	.h-masonry-small{
		display:flex; 
		flex-wrap: wrap;	
	}
	.h-masonry-small .masonry-item{
		flex: auto;
		height: 90px;
		min-width: 20px;
		max-width: 90px;
	}
	.h-masonry-small .masonry-item img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
}