/* !- Fonts */
/* !- Sizes */
/* !- Spaces */
/* !- Layout breakpoints and spacing */
/* !- Full-width images */
.block-full-width-images {
  margin-bottom: 40px;
  display: grid;
  grid-template-rows: 1fr;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.full-width-image {
  background-position: center;
  background-size: cover;
  height: 531px;
}

/* !- Three images */
.full-width-images-col-3 {
  grid-template-columns: repeat(2, 1fr);
}
.full-width-images-col-3 .full-width-image {
  height: 442px;
}
.full-width-images-col-3 .full-width-image:first-of-type {
  grid-column: span 2;
  height: 531px;
}

/* !- Two images */
.full-width-images-col-2 {
  grid-template-columns: repeat(2, 1fr);
}

/* ! Responsive */
@media screen and (max-width: 900px) {
  .block-full-width-images {
    padding-left: 50px;
    padding-right: 50px;
    display: flex;
    flex-direction: column;
  }
  .block-full-width-images .full-width-image:first-of-type {
    height: 714px;
  }
}

/*# sourceMappingURL=style.css.map */