.footer
  ///////////////////////////////////////////////////////////////////////////////////
  $base-spacing: 1.5em !default
  $base-accent-color: #477DCA !default
  $medium-screen: em(640) !default
  $large-screen: em(860) !default
  ul
    padding: 0
  li
    list-style: none
    line-height: 1.5em
  a
    text-decoration: none
  //////////////////////////////////////////////////////////////////////////////////
  $footer-background: desaturate(darken($base-accent-color, 20%), 30%)
  $footer-color: white
  $footer-link-color: transparentize($footer-color, 0.6)
  $footer-disclaimer-color: transparentize($footer-color, 0.6)
  background: $footer-background
  padding: ($base-spacing * 2) $gutter
  width: 100%
  .footer-logo
    margin-bottom: 2em
    text-align: center
    img
      height: 2em
  .footer-links
    +clearfix
    margin-bottom: $base-spacing
    +media($medium-screen)
      +shift(3)
  ul
    margin-bottom: $base-spacing * 2
    +media($medium-screen)
      +span-columns(3)
      +omega(3n)
      +clearfix
  li
    text-align: center
    +media($medium-screen)
      text-align: left
  li a
    color: $footer-link-color
    &:focus,
    &:hover
      color: transparentize($footer-color, 0)
  li h3
    color: $footer-color
    font-size: 1em
    font-weight: 800
    margin-bottom: 0.4em
  hr
    border: 1px solid transparentize($footer-disclaimer-color, 0.3)
    margin: 0 auto $base-spacing
    width: 12em
  p
    color: $footer-disclaimer-color
    font-size: 0.9em
    line-height: 1.5em
    margin: auto
    max-width: 35em
    text-align: center