.kms-content
  font-size: 0.9rem
  line-height: 1.7
  color: $grey

  >*:first-child
    margin-top: 0

  >*:last-child
    margin-bottom: 0

  h1, h2, h3
    font-size: 1.8rem
    line-height: 1.4
    color: $greyBluer
    +bree

    strong
      color: $orange
      font-weight: 400

  h1
    +respond-to-width(900)
      font-size: 1.6rem

    +respond-to-width(540)
      font-size: 1.4rem

    +respond-to-width(380)
      font-size: 1.25rem

  h2, h3
    font-size: 1.4rem

    +respond-to-width(900)
      font-size: 1.2rem

    +respond-to-width(540)
      font-size: 1.1rem

    +respond-to-width(380)
      font-size: 1rem

  h3
    color: $orange

    strong
      color: $greyBluer

  h4
    font-size: 0.8rem
    line-height: 1.3
    color: $greyBluer
    text-transform: uppercase

  p
    font-size: 0.9rem
    line-height: 1.7
    color: $grey

  ul
    padding-left: 0
    list-style: none

    li
      position: relative
      padding-left: 30px
      font-size: 0.9rem
      line-height: 1.4
      color: $grey

      &:before
        position: absolute
        left: 0
        content: '•'
        color: $greyBluer

      + li
        margin-top: 5px

      >ul
        margin: 10px 0

  ol
    counter-reset: ol-counter /* 2 */
    padding-left: 0
    list-style: none
    >li
      position: relative
      padding-left: 30px
      font-size: 0.9rem
      line-height: 1.4
      color: $grey

      &:before
        counter-increment: ol-counter
        content: counter(ol-counter)'.'
        position: absolute
        left: 0
        color: $greyBluer

      + li
        margin-top: 5px

      >ul
        margin: 10px 0

  a:not(.button)
    color: $brightBlue
    text-decoration: none

    &:hover
      color: darken($brightBlue, 10%)
      text-decoration: none

  .buttons
    +flex(flex-start, center)
    .button
      + .button
        margin-left: 10px