div.gallery {
  background-color: white;
}

.responsive {
  position: relative;
}

.responsive a {
    display:block;
    text-decoration: none;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
    border: 3px solid #fff;
  }
}

.pswp-gallery .image {
  display: block;
  width: 100%;
  height: 254px;
  object-fit: cover;
}

.gallery-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  /*background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(24,51,94,1) 80%, rgba(24,51,94,1) 100%);*/
  overflow: hidden;
  height:60px;
  transition: .5s ease;
  width: 100%;
  /*opacity: .9;*/
}

.desc {
  color: #333;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  padding: 15px;
}

.pswp__img {
    border: 1px solid #fff;
}
.pswp-gallery a img {
    transform-origin: 50% 50%;
  transition: transform .25s, visibility .25s ease-in;
}
.pswp-gallery a:hover img,
.pswp-gallery a:focus img {
    transform: scale(1.5);
}

.pswp__custom-caption {
  background: #fff;
  width: calc(100% - 32px);
  max-width: 800px;
  padding: 16px;
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  text-align: center;
}
.pswp__custom-caption a {
  color: #fff;
  text-decoration: underline;
}
.hidden-caption-content {
  display: none;
}

.pswp__custom-thumbnail.pswp__hide-on-close {
    text-align: center;
    padding: 16px 0px;
}

div.pswp__custom-thumbnail img {
  max-width: 40px;
  height: 30px;
  cursor: pointer;
}

div.pswp__custom-thumbnail button:nth-of-type(odd) {
    margin-right: 4px;
    margin-left: 4px;
}

div.pswp__custom-thumbnail button:nth-of-type(even) {
    margin-left: 4px;
    margin-right: 4px;
}

div.pswp__custom-thumbnail button:nth-of-type(n+3) {
    margin-top: 16px;
}
div.pswp__custom-thumbnail button {
    height: 100%;
    display: inline-block;
}

div.pswp__custom-thumbnail button.selected img {
    border: 2px solid #fff;
}

.pswp-gallery {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}