%base-display {
  font-family: $font-family-headings;
  color: $text-heading-color;
  letter-spacing: 1px;
}

.display-1 {
  @extend %base-display;
  text-transform: uppercase;
  font-size: $font-size-display1;
  font-weight: $font-weight-display1;
  line-height: $line-height-display1;
}

.display-2 {
  @extend %base-display;
  text-transform: uppercase;
  font-size: $font-size-display2;
  font-weight: $font-weight-display2;
  line-height: $line-height-display2;
}

.display-3 {
  @extend %base-display;
  font-size: $font-size-display3;
  font-weight: $font-weight-display3;
  line-height: $line-height-display3;
}

.display-4 {
  @extend %base-display;
  font-size: $font-size-display4;
  font-weight: $font-weight-display4;
  line-height: $line-height-display4;
}