body {
    background: #f4f4f4;
}


/* GLightbox caption overlay at bottom */
.glightbox-container .gdesc-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0px 5px !important;
    background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0));
    font-size: 18px;
	font-weight:900 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align:center;
    box-sizing: border-box;
	
	 color:#00ffff !important;
    text-shadow:
      0 0 5px #00ffff,
      0 0 10px #00ffff,
      0 0 20px #00ffff;
}

/* Remove default below spacing */
.glightbox-container .gdesc {
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* Smooth animation */
.glightbox-container .gdesc-inner {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.glightbox-open .gdesc-inner {
    opacity: 1;
    transform: translateY(0);
}

.HeadingBox, .HeadingBox2, .HeadingBoxSmall
{
  font-family: Butler;
  font-weight: 700;
  color: #333;
  line-height: 1em;
  letter-spacing: 0.02em;  
}

.HeadingBox { font-size: 50px; }
.HeadingBox2 { font-size: 40px; }
.HeadingBoxSmall{ font-size:30px;}

/* Masonry grid */
.masonry {
    display: grid;   
    grid-auto-rows: 10px;
    gap: 15px;
}

/* Desktop layouts */
.masonry-3 {
    grid-template-columns: repeat(3, 1fr);
}

.masonry-2 {
    grid-template-columns: repeat(2, 1fr);
}

/* Image wrapper */
.masonry a {
    display: block;
    overflow: hidden;
}

/* Images */
.masonry img {
    width: 100%;
    display: block;
    border: 1px solid #A4A4A4;
    background: #fff;

    /* Fade-in animation */
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .6s ease, transform .6s ease;
}

/* When loaded */
.masonry img.loaded {
    opacity: 1;
    transform: translateY(0);
}

/* Tablet */
@media (max-width: 992px) {
    .masonry-3,
    .masonry-2 {
        grid-template-columns: repeat(2, 1fr);
    }
	
	.HeadingBox { font-size: 45px; }
	.HeadingBoxSmall{ font-size:30px;}
	.HeadingBox2 { font-size: 35px; }
}

/* Mobile */
@media (max-width: 600px) {
    .masonry-3,
    .masonry-2 {
        grid-template-columns: 1fr;
    }
	
	.HeadingBox { font-size: 35px; }
	.HeadingBox2 { font-size: 30px; }
	.HeadingBoxSmall{ font-size:25px;}
}