/****************
 * Fonts
 ****************/
/****************
 * Colors
 ****************/
/****************
 * Grid Settings
 ****************/
/**************
 * Buttons
 **************/
/****************
 * Blocks
 ****************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #0c2340;
}

.block-image-grid {
  margin-top: 2rem;
  margin-bottom: 3rem;
}

@media (min-width: 576px) {
  .block-image-grid {
    margin-top: 2.640625rem;
  }
}

@media (min-width: 768px) {
  .block-image-grid {
    margin-top: 3.28125rem;
  }
}

@media (min-width: 1200px) {
  .block-image-grid {
    margin-top: 3.921875rem;
  }
}

@media (min-width: 1320px) {
  .block-image-grid {
    margin-top: 4.5625rem;
  }
}

@media (min-width: 576px) {
  .block-image-grid {
    margin-bottom: 4.125rem;
  }
}

@media (min-width: 768px) {
  .block-image-grid {
    margin-bottom: 5.25rem;
  }
}

@media (min-width: 1200px) {
  .block-image-grid {
    margin-bottom: 6.375rem;
  }
}

@media (min-width: 1320px) {
  .block-image-grid {
    margin-bottom: 7.5rem;
  }
}

.container + .block-image-grid {
  margin-top: -0.5rem;
}

.block-image-grid__image-row {
  justify-content: center;
  margin-bottom: -1.875rem;
}

@media (max-width: 767.98px) {
  .block-image-grid__image-row {
    margin: 0 -0.5rem -1rem -0.5rem;
  }
}

.block-image-grid__image-col {
  margin-bottom: 1.875rem;
}

@media (max-width: 767.98px) {
  .block-image-grid__image-col {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 1rem;
  }
}

.block-image-grid__image-wrapper {
  border-radius: 0.5rem;
  position: relative;
  padding-bottom: 56.5853659%;
}

@media (min-width: 768px) {
  .block-image-grid__image-wrapper {
    border-radius: 1rem;
  }
}