/*===================================================================================*/
/*  Global | Variables | Partial
/*===================================================================================*/
.banner-image {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.banner-image img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 64em) {
  .banner-image__wrapper {
    height: 50rem;
  }
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .banner-image__wrapper {
    height: 35rem;
  }
}
@media screen and (min-width: 0) and (max-width: 47.9375em) {
  .banner-image__wrapper {
    height: 25rem;
  }
}
.banner-image__legend {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  line-height: 1.8;
}
.banner-image__wrapper, .banner-image__legend {
  z-index: 20;
  position: relative;
}
.banner-image--wide .banner-image__wrapper {
  margin-left: -10rem;
  margin-right: -10rem;
}
.banner-image--wide img {
  z-index: 200;
  position: relative;
}
.banner-image--right .banner-image__wrapper {
  width: calc(100% + (100vw - 100%) / 2);
}
.banner-image--left .banner-image__wrapper {
  width: calc(100% + (100vw - 100%) / 2);
  position: relative;
  right: calc((100vw - 100%) / 2);
}
.banner-image--full .banner-image__wrapper {
  position: relative;
  right: calc((100vw - 100%) / 2);
  width: 100vw;
}
.banner-image--right:last-child, .banner-image--left:last-child, .banner-image--wide:last-child {
  margin-bottom: -2rem;
}
.paragraph-one-column--blue .banner-image__legend {
  color: #ffffff;
}
.paragraph-one-column--blue .banner-image--right:last-child, .paragraph-one-column--blue .banner-image--left:last-child, .paragraph-one-column--blue .banner-image--wide:last-child {
  position: relative;
}
.paragraph-one-column--blue .banner-image:last-child.no-legend::before {
  content: "";
  height: 25%;
  width: 200vw;
  position: absolute;
  background: #ffffff;
  bottom: -3rem;
  left: -100vw;
}
.banner-image:last-child.banner-image--wide::before {
  -webkit-transform: translateX(-25%);
  transform: translateX(-25%);
}
/*# sourceMappingURL=paragraph-banner-image.css.map */