.blog-header {
  width: 100%;
  padding: 0 $gutter;
  margin: 40px 0;

  @include sm {
    padding: 0 $gutter-mobile;
  }

  &__wrapper {
    width: 100%;
    max-width: $max-width;
    margin: 0 auto;
  }

  &__container {
    width: 100%;
  }

  &__title {
    margin: 0 auto;
    text-align: center;

    h1 {
      font-size: 9rem;
      margin: 0 0 9px;
      line-height: 10.0rem;

      @include sm {
        font-size: 4.8rem;
        line-height: 1.1;

        span {
          display: block;
        }
      }
    }

    p {
      margin: 0 auto;
      font-size: 1.8rem;
      line-height: 1.6;
      max-width: 676px;
      text-align: center;
      letter-spacing: -0.18px;

      @include sm {
        font-size: 1.6rem;
        line-height: 1.5;
      }
    }

    svg {
      g, path {
        fill: $primary-color;
      }
    }
  }
}