.container {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.row:not(.no-gutters) {
  margin-right: -10px !important;
  margin-left: -10px !important;
}

.row:not(.no-gutters) > .col,
.row:not(.no-gutters) > [class*=col-] {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

@media (min-width: 375px) {
  .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .row:not(.no-gutters) {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .row:not(.no-gutters) > .col,
  .row:not(.no-gutters) > [class*=col-] {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}
@media (min-width: 768px) {
  .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .row:not(.no-gutters) {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
  .row:not(.no-gutters) > .col,
  .row:not(.no-gutters) > [class*=col-] {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
@media (min-width: 1024px) {
  .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .row:not(.no-gutters) {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .row:not(.no-gutters) > .col,
  .row:not(.no-gutters) > [class*=col-] {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
@media (min-width: 1366px) {
  .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .row:not(.no-gutters) {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .row:not(.no-gutters) > .col,
  .row:not(.no-gutters) > [class*=col-] {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
@media (min-width: 1920px) {
  .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .row:not(.no-gutters) {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .row:not(.no-gutters) > .col,
  .row:not(.no-gutters) > [class*=col-] {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
.blMediaGrid {
  margin-bottom: 40px;
}
.blMediaGrid h2 {
  margin-bottom: 20px;
}
.blMediaGrid .mediaColumn {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (min-width: 768px) {
  .blMediaGrid .mediaColumn {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
}
@media (min-width: 1024px) {
  .blMediaGrid .mediaColumn {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 1366px) {
  .blMediaGrid .mediaColumn {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.blMediaGrid .mediaColumn .media {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 100%;
  margin-bottom: 40px;
}
.blMediaGrid .mediaColumn .media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 300ms cubic-bezier(0.01, 0.71, 0.5, 0.99);
}
.blMediaGrid .mediaColumn a.media:hover img, .blMediaGrid .mediaColumn a.media:focus img {
  transform: scale(1.05);
}
/*# sourceMappingURL=mediaGrid.css.map */