.content-gallery ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  display: grid;
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
}
.content-gallery ul li {
  margin: 0;
  padding: 0;
  line-height: 0;
  figure {
    position: relative;
    figcaption {
      bottom: 10px;
      left: 10px;
      position: absolute;
      background: rgba(255, 255, 255, 0.9);
      font-size: 10px;
      line-height: 9px;
      padding: 4px 4px;
      clear: both;
      color: #131313;
      width: inherit !important;
    }
  }
}
.content-gallery.content-gallery--cols-4 ul {
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 880px) {
  .content-gallery.content-gallery--cols-4 ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

.content-gallery.content-gallery--cols-3 ul {
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 880px) {
  .content-gallery.content-gallery--cols-3 ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

.content-gallery.content-gallery--cols-2 ul {
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 880px) {
  .content-gallery.content-gallery--cols-2 ul {
    grid-template-columns: repeat(2, 1fr);
  }
}


/*# sourceMappingURL=content-gallery.css.map */