body.baguetteBox-open {

    overflow: hidden !important;

    height: 100% !important;

}



#baguetteBox-overlay.visible {

    position: fixed;

}



.gallery-block {

    padding-bottom: 60px;

    padding-top: 60px;

}



.gallery-block .heading{

    margin-bottom: 50px;

    text-align: center;

}



.gallery-block .heading h2{

    font-weight: bold;

    font-size: 1.4rem;

    text-transform: uppercase;

}



.gallery-block.compact-gallery .item{

  overflow: hidden;

  margin-bottom: 0;

  background: black;

  opacity: 1;

}



.gallery-block.compact-gallery .item .image{

  -webkit-transition: 0.8s ease;

  transition: 0.8s ease;

}



.gallery-block.compact-gallery .item .info{

  position: relative;

    display: inline-block;

}



.gallery-block.compact-gallery .item .description{

  display: grid;

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 10px;

    font-size: 17px;

    line-height: 18px;

    width: 100%;

    padding-top: 15px;

    padding-bottom: 15px;

    opacity: 1;

    color: #fff;

    -webkit-transition: 0.8s ease;

    transition: 0.8s ease;

    text-align: center;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.39)));

    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.39));

}



.gallery-block.compact-gallery .item .description .description-heading{

  font-size: 1em;

  font-weight: bold;

}



.gallery-block.compact-gallery .item .description .description-body{

  font-size: 0.8em;

  margin-top: 10px;

  font-weight: 300;

}



.row.no-gutters {

    margin: 15px;

}



#baguetteBox-overlay {

    background-color: rgba(0,0,0,0.99) !important;

}



.col-md-6.col-lg-4.item.zoom-on-hover {

    height: 230px;

    -webkit-animation: opening-cards 1.5s ease-in-out;

    animation: opening-cards 1.5s ease-in-out;

    display: flex;

}



a.lightbox {

    align-self: center;

}



@-webkit-keyframes opening-cards {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



@keyframes opening-cards {



    0%{

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}





button:focus {

    outline: 0;

}



#close-button.baguetteBox-button {

    background-color: transparent !important;

}





@media (min-width: 992px) {

    .baguetteBox-button {

        background-color: transparent !important;

    }

}



@media (min-width: 576px) {



  .gallery-block.compact-gallery .item .description {

    opacity: 0; 

  }



  .gallery-block.compact-gallery .item a:hover .description {

    opacity: 1; 

  } 



  .gallery-block .zoom-on-hover:hover .image {

    -webkit-transform: scale(1.3);

            transform: scale(1.3);

    opacity: 0.7; 

  }

}



@media (max-width: 768px) {

    .col-md-6.col-lg-4.item.zoom-on-hover {

        margin: 2px;

    }

}