.field--name-header-paragraphs .paragraph--type--section {
  padding-top: 0 !important;
}

.paragraph--type--banner {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  position: relative;
  min-height: 25vh;
  background-color: black;
}
@media all and (min-width: 801px) {
  .paragraph--type--banner {
    min-height: 50vh;
  }
}
.paragraph--type--banner .banner-int .media {
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  position: absolute;
}
.paragraph--type--banner .banner-int .media .field--name-field-media-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.paragraph--type--banner .banner-int .media .field--name-field-media-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.paragraph--type--banner .container {
  max-width: var(--gridContainerMaxWidthXs);
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--spacingSm);
  padding-left: var(--spacingSm);
  box-sizing: border-box;
}
@media all and (min-width: 576px) {
  .paragraph--type--banner .container {
    max-width: var(--gridContainerMaxWidthSm);
  }
}
@media all and (min-width: 801px) {
  .paragraph--type--banner .container {
    max-width: var(--gridContainerMaxWidthMd);
    padding-right: var(--spacingMd);
    padding-left: var(--spacingMd);
  }
}
@media all and (min-width: 992px) {
  .paragraph--type--banner .container {
    max-width: var(--gridContainerMaxWidthLg);
  }
}
@media all and (min-width: 1248px) {
  .paragraph--type--banner .container {
    max-width: var(--gridContainerMaxWidthXl);
  }
}
@media all and (min-width: 1320px) {
  .paragraph--type--banner .container {
    max-width: var(--gridContainerMaxWidthXxl);
    padding-right: 0;
    padding-left: 0;
  }
}
.paragraph--type--banner .container {
  width: 100%;
}
.paragraph--type--banner .z-1 {
  z-index: 1;
}
.paragraph--type--banner h1 {
  font-size: var(--fontSizeLead);
  font-weight: var(--fontWeightRegular);
  color: white;
}
.paragraph--type--banner h1 span {
  display: block;
  font-size: var(--fontSizeH1);
  font-weight: var(--desktopH1BoldFontWeight);
  line-height: var(--desktopH1BoldLineHeight);
}

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