.newsletter-bar {
  background: url(../img/newsletter_bg.jpg);
  background-repeat: no-repeat;
  background-size: content;
  background-position: 50%;
  background-color: #3f6197;
  padding: 60px 0;
  color: $white;
  text-align: center;

  &__content {
    max-width: $max-width;
    margin: 0 auto;
    padding: 0 $gutter;
  }

  &__title {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 10px;

    @include sm {
      font-size: 2.4rem;
    }
  }

  &__subtitle {
    font-size: 2.1rem;
    max-width: 80%;
    margin: 0 auto 40px;

    @include sm {
      font-size: 1.8rem;
      max-width: 100%;
    }
  }
}