.quote {
  background-color: $quote-background-color;
  padding: 20px;

  @include breakpoint($tablet-breakpoint) {
    box-sizing: border-box;
    padding: 30px;
  }
}

.quote__text {
  color: $quote-text-color;
  font-size: .98em;
  line-height: 1.3;
  position: relative;
  quotes: "“" "”";

  &:before, &:after {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  }

  &:before {
    content: open-quote;
    display: block;
    position: absolute;
    left: -10px;
  }

  &:after {
    content: close-quote;
  }

  @include breakpoint($mobile-font-breakpoint) {
    font-weight: 400;
    font-size: 4.5vw;
  }

  @include breakpoint($max-mobile-container) {
    font-size: 1.3em;
  }

  @include breakpoint($tablet-breakpoint) {
    font-weight: 200;
    font-size: 3vw;
  }

  @include breakpoint($max-tablet-container) {
    font-size: 1.8em;
  }
}

.quote__source {
  color: $quote-text-color;
  font-size: .7em;
  font-weight: 200;
  padding-top: 20px;

  @include breakpoint($tablet-breakpoint) {
    font-size: .8em;
    padding-bottom: 8px;
  }
}

.quote {
  background-color: $quote-background-color;
  padding: 20px;

  @include breakpoint($tablet-breakpoint) {
    box-sizing: border-box;
    padding: 30px;
  }
}

.quote__text {
  color: $quote-text-color;
  font-size: .98em;
  line-height: 1.3;
  position: relative;
  quotes: "“" "”";


  &:before {
    content: open-quote;
    display: block;
    position: absolute;
    left: -8px;
  }

  &:after {
    content: close-quote;
  }

  @include breakpoint($mobile-font-breakpoint) {
    font-weight: 400;
    font-size: 4.5vw;

    &:before {
      left: -8px;
    }
  }

  @include breakpoint($max-mobile-container) {
    font-size: 1.35em;

    &:before {
      left: -10px;
    }
  }

  @include breakpoint($tablet-breakpoint) {
    font-weight: 200;
    font-size: 3vw;
  }

  @include breakpoint($max-tablet-container) {
    font-size: 1.8em;

    &:before {
      left: -14px;
    }
  }
}

.quote__source {
  color: $quote-text-color;
  font-size: .7em;
  font-weight: 200;
  padding-top: 20px;

  @include breakpoint($tablet-breakpoint) {
    font-size: .8em;
    padding-bottom: 8px;
  }
}

Adjust quote style and spacing
Adjust quote style and spacing
