/****************
 * Fonts
 ****************/
/****************
 * Colors
 ****************/
/* 1. Primary */
/*2. Secondary*/
/*3. Neutral*/
/*3. Semantic*/
/* Bootstrap overrides */
/****************
 * Grid Settings
 ****************/
/**************
 * Buttons
 **************/
/****************
 * Blocks
 ****************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #01202E;
}

.block-img-comp {
  margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .block-img-comp {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .block-img-comp {
    margin-bottom: 2rem;
  }
}

.block-img-comp .row {
  margin: 0;
}

@media (min-width: 768px) {
  .block-img-comp .row {
    margin-bottom: 5rem;
  }
  .block-img-comp .row:last-child {
    margin-bottom: 0;
  }
}

.block-img-comp [class*='col'] {
  padding: 0 0 12px;
}

@media (min-width: 768px) {
  .block-img-comp [class*='col'] {
    padding: 0 1.04166667vw;
  }
}

.block-img-single img {
  display: block;
  width: 100%;
}

.block-img-single.small-top {
  padding-bottom: 12px;
}

@media (min-width: 768px) {
  .block-img-single.small-top {
    padding-bottom: 2.22222222vw;
  }
}