footer.main

  padding: 60px 0

  width: 100%
  background: #D5D5D0
  @extend %clearfix

  color: #95928D

  .container
    padding: 0 160px

    +respond-to(medium)
      padding: 0 40px

  a
    color: #95928D

    &:hover
      color: darken(#95928D,30)

  .column
    float: left

    margin-bottom: 40px
    width: 16.65%

    border-top: 1px solid #8C8882

    +respond-to(mobile)
      width: 33.3%
    +respond-to(small-mobile)
      width: 50%
    +respond-to-width(350)
      width: 100%

    &.double
      width: 33.3%

      +respond-to(mobileNavigation)
        width: 50%
      +respond-to(mobile)
        width: 100%

      .title
        width: 98%

    &.last
      width: 16.65%

      +respond-to(mobile)
        width: 33.3%
      +respond-to(small-mobile)
        width: 50%
      +respond-to-width(350)
        width: 100%

      .title
        width: 100%



  .title
    +position(relative, 3px null null 0)
    display: block
    margin-bottom: 30px

    width: 90%
    height: 40px
    line-height: 40px

    color: #8C8882

    border-bottom: 1px solid #8C8882

    +fjalla


  ul
    line-height: 1.4

  // Some breaks show and while while resizing
  .mobile-break
    display: none
    +respond-to(mobile)
      display: block
    +respond-to(small-mobile)
      display: none

  .small-mobile-break
    display: none
    +respond-to(small-mobile)
      display: block
    +respond-to-width(350)
      display: none