.hero-header {
  background: #232444 url(/_public/images/halftone-bg-pattern.svg) center center no-repeat;
  background-size: 850px;
  margin-bottom: 35px;
  position: relative; }
  @media (min-width: 768px) {
    .hero-header {
      background-size: cover;
      margin-bottom: 80px; }
      .hero-header::before {
        background-color: #FFFFFF;
        content: "";
        display: block;
        height: 285px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; } }

.hero-header__image {
  background-position: 50% 50%;
  background-size: cover;
  min-height: 180px;
  position: relative; }
  @media (min-width: 768px) {
    .hero-header__image {
      min-height: 470px; } }

.hero-header__text {
  left: 35px;
  padding-left: 18px;
  position: absolute;
  top: 40px; }
  .hero-header__text::before {
    background-color: #B61B28;
    content: "";
    display: block;
    height: calc(100% - 2px);
    left: 0;
    position: absolute;
    bottom: 0;
    width: 5px; }
  @media (min-width: 768px) {
    .hero-header__text {
      left: 70px;
      padding-left: 28px;
      top: 108px; }
      .hero-header__text::before {
        bottom: -3px;
        width: 7px; } }

.hero-header__title {
  font-family: "Ringside Compressed A", "Ringside Compressed B";
  font-style: normal;
  font-weight: 700;
  color: #232444;
  font-size: 46px;
  letter-spacing: 0.3px;
  line-height: 0.92;
  line-height: 0.75;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    .hero-header__title {
      font-size: 110px; } }
  @media (min-width: 768px) {
    .hero-header__title {
      line-height: 0.7; } }

.hero-header__title--sm {
  font-family: "Ringside Compressed A", "Ringside Compressed B";
  font-style: normal;
  font-weight: 700;
  color: #232444;
  font-size: 22px;
  letter-spacing: 0.3px;
  line-height: 0.92;
  display: block;
  margin-left: 1px; }
  @media (min-width: 768px) {
    .hero-header__title--sm {
      font-size: 40px; } }
  @media (min-width: 768px) {
    .hero-header__title--sm {
      margin-left: 4px; } }

.hero-header__intro {
  font-family: "Ringside Regular A", "Ringside Regular B";
  font-style: normal;
  font-weight: 400;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 1.67;
  line-height: 1.27;
  padding: 35px; }
  @media (min-width: 768px) {
    .hero-header__intro {
      font-size: 26px; } }
  @media (min-width: 768px) {
    .hero-header__intro {
      line-height: 1.35;
      padding: 56px 20% 66px;
      text-align: center; } }


/*# sourceMappingURL=/_public/build/102.7e997cd2ca40ca0b920e.css.map*/
/*# sourceMappingURL=102.7e997cd2ca40ca0b920e.css.map*/