.gallery {
    display: grid;
    grid-template-columns: repeat(1, auto);
    grid-gap: 20px;
    max-width: 100%;
    margin: 0 auto;
}

.container .gallery a img {
    float: left;
    width: 100%;
    -webkit-transition: -webkit-transform .15s ease;
    -moz-transition: -moz-transform .15s ease;
    -o-transition: -o-transform .15s ease;
    -ms-transition: -ms-transform .15s ease;
    transition: transform .15s ease;
    position: relative;
    height: 300px;
    object-fit: cover;
}

.container .gallery a:hover img {
/*  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -o-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);*/
    filter: brightness(120%) contrast(120%);    
  z-index: 5;
}

.clear {
  clear: both;
  float: none;
  width: 100%;
}

.sl-wrapper .sl-close, .sl-wrapper .sl-navigation button, .sl-wrapper .sl-counter {
    color: white;
}

.sl-overlay {
    background: #000;
    opacity: 0.85;
}

.sl-wrapper .sl-image .sl-caption {
    display: none !important;
}

@media (min-width: 520px) {
.gallery {
    grid-template-columns: repeat(2, auto);
}
}

/*@media (min-width: 769px) {
.gallery {
    grid-template-columns: repeat(3, auto);
}
}*/

@media (min-width: 1200px) {
.gallery {
    grid-template-columns: repeat(4, auto);
}
}