Efl Index Page Title

.efl-index-page-title {
  position: relative;
  &__heading {
    font-family: $text-font-ef;
    color: $blue;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 3.6rem;
    letter-spacing: -0.01em;
    text-align: center;
    padding-bottom: 0.8rem;
    margin: auto;
  }

  &__subheading {
    color: $color-interface-light;
    text-align: center;
    margin: auto;

    @extend .efl-p-2;
  }

  @media screen and (min-width: $mq-medium) {
    &__heading {
      font-size: 4.2rem;
    }

    &__subheading {
      max-width: unset;
    }
  }

  @media screen and (max-width: $mq-medium) {
    &__heading {
      max-width: calc(100vw - 11rem);
    }

    &__subheading {
      max-width: calc(100vw - 11rem);
    }
  }
}