p {
  @extend %body-font-regular;

  margin-bottom: $spacer-md;
  line-height: $paragraph-line-height;
  font-size: $font-size-base;

  &:not([class]) {
    @extend %improved-hyphenation-text;
  }

  &.lead {
    @extend %body-font-italic;

    line-height: $paragraph-line-height;
    font-size: $font-size-sm;
  }

  &.display,
  &.standalone {
    @extend %heading-font-regular;

    margin-bottom: 0;
    line-height: $paragraph-line-height;
    font-size: $font-size-base;
  }

  &.display {
    text-transform: uppercase;
  }
}

@media screen and (min-width: $grid-breakpoint-md) {
  p {
    font-size: $font-size-sm;

    &.lead {
      font-size: $font-size-md;
    }
  }
}