.text {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #606060;

  *:first-child {
    margin-top: 0;
  }

  *:last-child {
    margin-bottom: 0;
  }

  img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  h1, h2, h3, h4, h5, h6 {
    margin: 3rem 0 1.5rem;

    line-height: 1.4;
    font-weight: 500;
    color: $dark;
  }

  h1 {
    font-size: 2em;
  }

  h2 {
    font-size: 1.5em;
  }

  h3 {
    font-size: 1.3em;
  }

  h4 {
    font-size: 1em;
  }

  h5 {
    font-size: 0.8em;
  }

  h6 {
    font-size: 0.66em;
  }

  p, ul, ol, blockquote, table {
    margin-bottom: 2.5rem;
  }

  a {
    color: $primary;
    text-decoration: underline;

    &:hover {
      text-decoration: none;
    }
  }

  ol, ul {
    list-style-position: inside;
  }

  blockquote {
    margin-left: 0;
    margin-right: 0;
    padding-left: 6.5rem;

    background: url("/shop/images/quotes.svg") left top 20px no-repeat;

    font-weight: 400;
    font-style: italic;
    font-size: 2.4rem;
    line-height: 1.4;
    color: $dark;

    @include media-breakpoint-down(sm) {
      font-size: 2rem;
    }
  }

  cite {
    font-size: 1.2rem;
    font-style: normal;
  }

  .embed {
    margin-top: 5rem;
  }

  &--indent-left {
    padding: 3rem 0 3rem 3rem;

    @include media-breakpoint-down(lg) {
      padding: 3rem 0;
    }
  }

  &--indent-right {
    padding: 3rem 3rem 3rem 0;

    @include media-breakpoint-down(lg) {
      padding: 3rem 0;
    }
  }


  @include media-breakpoint-down(sm) {
    font-size: 1.4rem;
  }
}