.container.gallery-container {

    background-color: #fff;

    color: #35373a;

    border-radius: 20px;





}









.tz-gallery .lightbox img {

    width: 100%;

    margin-bottom: 30px;

    transition: 0.2s ease-in-out;

    box-shadow: 0 2px 3px rgba(0,0,0,0.2);

    transform: scale(1);

    display: block;

}





.tz-gallery .lightbox img:hover {

    transform: scale(1.05);

    box-shadow: 0 8px 15px rgba(0,0,0,0.3);

}



.tz-gallery img {

    border-radius: 0px;

}



.baguetteBox-button {

    background-color: transparent !important;

}



.tz-gallery img :before 

.tz-gallery img :before{

        content: '';

        width: 0;

        height: 0;

        position: absolute;

        opacity: 0;

        z-index: 1;

    }



    

    .tz-gallery img :before {

    bottom: 5%;

    left: 5%;

    border-bottom: 2px solid #000;

    border-left: 2px solid #000;

}

.tz-gallery img :after {

    top: 5%;

    right: 5%;

    border-top: 2px solid #000;

    border-right: 2px solid #000;

}





.tz-gallery img :hover:before 

.tz-gallery img :before{

        opacity: 1;

        width: 90%;

        height: 90%;



    }















/***************************/







.butFrame {

  position: relative;







}





.butFrame .butTextWrap::before,

.butFrame .butTextWrap::after {

  pointer-events: none;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}





/* Anchor will cover the whole item by default */



.butFrame .butTextWrap > a {

  z-index: 1000;

  text-indent: 200%;

  white-space: nowrap;

  font-size: 0;

  opacity: 0;

}



.butFrame .butHeading {

  word-spacing: -0.15em;

  font-weight: 800;

  font-size: 18px;

  font-family: inherit;

}











/* EFFECT */



.butFrame img {

  opacity: 0.9;

  transition: opacity 0.35s;

  width: 100%;

  height: auto;

}



.butFrame .butTextWrap::before,

.butFrame .butTextWrap::after {

  position: absolute;

  top: 10px;

  right: 10px;

  bottom: 10px;

  left: 10px;

  content: '';

  opacity: 0;

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

}

.butFrame .butTextWrap::before {

  border-top: 2px solid #fff;

  border-bottom: 2px solid #fff;

  -webkit-transform: scale(0, 1);

  transform: scale(0, 1);

}

.butFrame .butTextWrap::after {

  border-right: 2px solid #fff;

  border-left: 2px solid #fff;

  -webkit-transform: scale(1, 0);

  transform: scale(1, 0);

  box-sizing: border-box;

}





/* HOVER STYLES */



.butFrame:hover img {

  opacity: 100;

}



.butFrame:hover .butTextWrap::before,

.butFrame:hover .butTextWrap::after {

  opacity: 1;

  -webkit-transform: scale(1);

  transform: scale(1);

}

.butFrame:hover .butHeading,

.butFrame:hover p {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



/* MEDIA QUERIES */



@media all and (max-width: 950px) and (min-width: 701px){



  .butFrame {

    display:block;

    width:47%;

  }



}



@media all and (max-width: 700px) and (min-width: 0px){



  .butFrame {

    display:block;

    width:100%;

  }



}