/**
 * Quotes
 */
blockquote {
  margin: 0;
  @include vertical-rhythm;
  background: $medium-background;
  padding: 1em;
  overflow: hidden;
  font-style: italic;

  > * {
    @include container;
  }

  @include respond-to("medium") {
    > :first-child {
      position: relative;

      &::before {
        font-style: normal;
        content: "“";
        font-family: "Georgia", serif;
        position: absolute;
        font-size: 20em;
        right: 100%;
        top: -.32em;
        color: rgba(black, .05);
      }
    }
  }
}

/**
 * Quotes
 */
blockquote {
  margin: 0;
  @include vertical-rhythm;
  background: $medium-background;
  padding: 1em;
  overflow: hidden;
  font-style: italic;

  > * {
    @include container;
  }

  @include respond-to("medium") {
    > :first-child {
      position: relative;

      &::before {
        font-style: normal;
        content: "“";
        font-family: "Georgia", serif;
        position: absolute;
        font-size: 20em;
        right: 100%;
        top: -.3875em;
        color: rgba(black, .05);
      }
    }
  }
}

Improve display of quotes for blockquote
Improve display of quotes for blockquote

Center the display of the quotes character(s) within `blockquote > :first-child::before` so it is not partially hidden. Normalized for Chrome and Firefox.
