.bannerConnection {
  position: relative;
}

.bannerConnection__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
}

.bannerConnection__image--desktop {
  display: none;
}

.bannerConnection__image--mobile {
  display: block;
}

.bannerConnection__mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.bannerConnection__content {
  position: relative;
  z-index: 3;
  padding: clamp(1px, 5.4545454545vw, 30px);
}

.bannerConnection__count {
  font-weight: 300;
  font-size: 18px;
}

.bannerConnection__desc .header,
.bannerConnection__desc .header--underscore,
.bannerConnection__desc h1, .bannerConnection__desc .-h1,
.bannerConnection__desc h2, .bannerConnection__desc .-h2,
.bannerConnection__desc h3, .bannerConnection__desc .-h3,
.bannerConnection__desc h4, .bannerConnection__desc .-h4,
.bannerConnection__desc h5, .bannerConnection__desc .-h5,
.bannerConnection__desc h6, .bannerConnection__desc .-h6 {
  text-transform: none;
  font-weight: 700;
  color: #22262C;
  line-height: 1.2;
  font-family: RobotoSlab, Arial, sans-serif;
  font-size: clamp(26px, 8.8888888889vw, 32px);
}
@media (min-width: 360px) {
  .bannerConnection__desc .header,
  .bannerConnection__desc .header--underscore,
  .bannerConnection__desc h1, .bannerConnection__desc .-h1,
  .bannerConnection__desc h2, .bannerConnection__desc .-h2,
  .bannerConnection__desc h3, .bannerConnection__desc .-h3,
  .bannerConnection__desc h4, .bannerConnection__desc .-h4,
  .bannerConnection__desc h5, .bannerConnection__desc .-h5,
  .bannerConnection__desc h6, .bannerConnection__desc .-h6 {
    font-size: clamp(30px, 1.8947368421vw, 36px);
  }
}

.bannerConnection__more {
  margin-top: 5.4545454545vw;
}

.bannerConnection__more--full {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: auto;
  width: 100%;
  max-width: none;
  min-height: auto;
  height: 100%;
  max-height: none;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0;
  z-index: 4;
}

.bannerConnection--textColor-dark {
  color: #22262C;
}
.bannerConnection--textColor-dark .header,
.bannerConnection--textColor-dark .header--underscore,
.bannerConnection--textColor-dark h1, .bannerConnection--textColor-dark .-h1,
.bannerConnection--textColor-dark h2, .bannerConnection--textColor-dark .-h2,
.bannerConnection--textColor-dark h3, .bannerConnection--textColor-dark .-h3,
.bannerConnection--textColor-dark h4, .bannerConnection--textColor-dark .-h4,
.bannerConnection--textColor-dark h5, .bannerConnection--textColor-dark .-h5,
.bannerConnection--textColor-dark h6, .bannerConnection--textColor-dark .-h6,
.bannerConnection--textColor-dark .bannerConnection__count,
.bannerConnection--textColor-dark .bannerConnection__header,
.bannerConnection--textColor-dark .typography {
  color: #22262C;
}

.bannerConnection--textColor-bright {
  color: #FFFFFF;
}
.bannerConnection--textColor-bright .header,
.bannerConnection--textColor-bright .header--underscore,
.bannerConnection--textColor-bright h1, .bannerConnection--textColor-bright .-h1,
.bannerConnection--textColor-bright h2, .bannerConnection--textColor-bright .-h2,
.bannerConnection--textColor-bright h3, .bannerConnection--textColor-bright .-h3,
.bannerConnection--textColor-bright h4, .bannerConnection--textColor-bright .-h4,
.bannerConnection--textColor-bright h5, .bannerConnection--textColor-bright .-h5,
.bannerConnection--textColor-bright h6, .bannerConnection--textColor-bright .-h6,
.bannerConnection--textColor-bright .bannerConnection__count,
.bannerConnection--textColor-bright .bannerConnection__header,
.bannerConnection--textColor-bright .typography {
  color: #FFFFFF;
}

.bannerConnection--textPosition-left .bannerConnection__content {
  margin-right: auto;
  text-align: left;
  align-items: flex-start;
}

.bannerConnection--textPosition-center .bannerConnection__content {
  margin: 0 auto;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.bannerConnection--textPosition-right .bannerConnection__content {
  margin-left: auto;
  text-align: right;
  align-items: flex-end;
}

@media (max-width: 559px) {
  .bannerConnection--withPhotoMobile {
    min-height: clamp(1px, 49.0909090909vw, 270px);
  }
  .bannerConnection--withPhotoMobile .bannerConnection__content {
    min-height: clamp(1px, 49.0909090909vw, 270px);
  }
}
@media (min-width: 560px) {
  .bannerConnection--withPhotoDesktop {
    min-height: clamp(1px, 14.2105263158vw, 270px);
  }
  .bannerConnection--withPhotoDesktop .bannerConnection__content {
    min-height: clamp(1px, 14.2105263158vw, 270px);
  }
  .bannerConnection--withPhotoDesktop .bannerConnection__image--desktop {
    display: block;
  }
  .bannerConnection--withPhotoMobile .bannerConnection__image--mobile {
    display: none;
  }
  .bannerConnection .bannerConnection__more {
    margin-top: clamp(5px, 1.5789473684vw, 30px);
  }
}
@media (min-width: 1200px) {
  .bannerConnection .bannerConnection__content {
    width: 50%;
    max-width: 700px;
  }
}
@media (min-width: 768px) {
  .bannerConnection__desc .-h2 {
    font-size: 2.75rem;
    line-height: 3.5625rem;
    font-family: "RobotoSlab";
    letter-spacing: 0;
  }
}
@media (min-width: 1200px) {
  .bannerConnection .bannerConnection__content {
    width: 35%;
    padding-left: 5.625rem;
  }
}
/*# sourceMappingURL=banner_connection.css.map */