/****************************************************************************** 
* Headings
******************************************************************************/
  
  h1, 
  h2, 
  h3, 
  h4, 
  h5, 
  h6 {
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 1rem;
    margin-top: 0;
    text-rendering: optimizeLegibility;
  }

  h1 {
    font-size: 2.5rem;
    font-weight: 900;
    letter-spacing: -1px;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4, 
  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;  
  }

/****************************************************************************** 
* Elements
******************************************************************************/

  p {
    margin-bottom: 1rem;
  }

  pre {
    overflow-x: auto;
  }

  ul, 
  ol, 
  dl {
    margin-bottom: 1rem;

    li {
      list-style-type: circle;
    }
  }

  dl {
    margin-bottom: 1rem;

    dt {
      font-weight: 700;
    }

    dd {
      margin-bottom: 0.5rem;
    }
  }

  abbr {
    color: $grey-500;
    font-size: 85%;
    font-weight: 700;
    text-transform: uppercase;

    &[title] {
      border-bottom: 1px dotted $grey-500;
      cursor: help;
    }
  }

  hr {
    border: 0;
    border-bottom: 1px solid rgba($white, 0.48);
    border-top: 1px solid rgba($black, 0.12);
    margin: 1rem 0;
    position: relative;
  }

  b, 
  strong {
    font-weight: 700;
  }

  blockquote {
    border-left: 0.25rem solid $grey-500;
    color: $grey-700;
    margin: 1rem 0;
    padding: 0.5rem 1rem;

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

/****************************************************************************** 
* Other Elements & Classes
******************************************************************************/

  a[href^="#fn:"],
  a[href^="#fnref:"] {
    display: inline-block;
    font-weight: 700;
    margin-left: 1rem;
  }

  .footnotes {
    font-size: 85%;
    margin-top: 2rem;
  }

  .lead {
    font-size: 1.25rem;
    font-weight: 300;
  }

/****************************************************************************** 
* Elements Mobile
******************************************************************************/

  @media (max-width: $breakpoint-tablet) {

    blockquote {
      padding-left: 1.25rem;
      padding-right: 5rem;
    }
  }