.subscribe-bf {
  background-color: var(--color-bf-bg);
  color: var(--color-bf-text);
  text-align: center;
  padding: 48px 0 35px;

  @media screen and (min-width: 990px) {
    padding: 80px 0;
  }

  & .shell-bf {
    --shell-bf-width: 640px;
  }

  & .subscribe__title {
    font-size: 28px;
    letter-spacing: 0;

    @media screen and (min-width: 990px) {
      font-size: 38px;
    }
  }

  & .subscribe__subtitle {
    font-size: 15px;
    line-height: 1.33;
    margin-top: 42px;

    @media screen and (min-width: 440px) {
      margin-top: 15px;
    }

    @media screen and (min-width: 990px) {
      font-size: 20px;
    }

    &:first-child {
      margin-top: 0;
    }
  }

  & .subscribe__form {
    margin-top: 22px;

    @media screen and (min-width: 990px) {
      margin-top: 17px;
    }

    &:first-child {
      margin-top: 0;
    }
  }

  & .subscribe__text {
    font-size: 11px;
    line-height: 1.364;
    margin-top: 10px;

    @media screen and (min-width: 990px) {
      text-align: left;
      font-size: 13px;
    }

    &:first-child {
      margin-top: 0;
    }
  }
}