/****************
 * Fonts
 ****************/
/****************
 * Colors
 ****************/
/****************
 * Grid Settings
 ****************/
/**************
 * Buttons
 **************/
/****************
 * Blocks
 ****************/
.block-content-image-collage {
  padding: 3.625rem 0 3.5rem;
  background-color: #f7f7f7;
}
@media (min-width: 768px) {
  .block-content-image-collage {
    padding: 7rem 0 6.25rem;
  }
}
.block-content-image-collage__col-right {
  padding: 0;
  order: -1;
  margin-bottom: 1.4375rem;
}
@media (min-width: 992px) {
  .block-content-image-collage__col-right {
    order: 1;
    margin-bottom: 0;
  }
}
.block-content-image-collage__preheading {
  color: #737373;
}
@media (min-width: 768px) {
  .block-content-image-collage__preheading {
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: 0.125rem;
    font-size: 1rem;
    line-height: 1.5;
  }
}
.block-content-image-collage__title {
  margin: 0.5rem 0 1.4375rem;
}
@media (min-width: 768px) {
  .block-content-image-collage__title {
    margin: 0.5rem 0 2.25rem;
  }
}
.block-content-image-collage__content {
  margin-bottom: 2.125rem;
}
@media (min-width: 768px) {
  .block-content-image-collage__content {
    margin-bottom: 1rem;
  }
}
.block-content-image-collage .c-btn-wrapper .c-btn {
  min-width: 16.625rem;
}
@media (min-width: 768px) {
  .block-content-image-collage .c-btn-wrapper .c-btn {
    width: auto;
    min-width: 12.9375rem;
  }
}
.block-content-image-collage__collage--wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .block-content-image-collage__content--wrapper {
    margin-bottom: 6.6875rem;
  }
}
.block-content-image-collage .collage-image__small {
  flex: 0 0 38%;
  max-width: 38%;
  position: relative;
  left: 10.6%;
  margin-top: 14.8%;
  margin-left: -11%;
  border: 0.25rem solid #fff;
  border-left: 0;
}
@media (min-width: 992px) {
  .block-content-image-collage .collage-image__small {
    flex: 0 0 38%;
    max-width: 38%;
    margin-left: -10%;
    border: 0.625rem solid #fff !important;
  }
}
.block-content-image-collage .collage-image__large {
  flex: 0 0 73%;
  max-width: 73%;
}
@media (min-width: 992px) {
  .block-content-image-collage .collage-image__large {
    flex: 0 0 72%;
    max-width: 72%;
  }
}
.block-content-image-collage .collage-image__horizontal {
  flex: 0 0 66%;
  max-width: 66%;
  position: relative;
  right: 22.1%;
  margin-top: -11%;
  border: 0.25rem solid #fff;
}
@media (min-width: 768px) {
  .block-content-image-collage .collage-image__horizontal {
    margin-top: -10.7%;
  }
}
@media (min-width: 992px) {
  .block-content-image-collage .collage-image__horizontal {
    flex: 0 0 64%;
    max-width: 64%;
    margin-top: -11.3%;
    border: 0.625rem solid #fff;
  }
}
@media (min-width: 1440px) {
  .block-content-image-collage .collage-image__horizontal {
    margin-top: -11%;
  }
}
.block-content-image-collage .collage-image img {
  width: 100%;
  height: auto;
}