footer
  background-color: $darkGray
  padding-bottom: 60px

  .menu
    margin-bottom: 50px
    ul
      list-style: none
      padding-left: 0
      display: inline-block
      margin: 0 50px 0 0
      li
        a
          +font-light(20px, 28px)
          font-size: 18px
          color: white
    .social
      display: inline-block
      a
        display: inline-block
        opacity: 0.7
        margin-right: 10px
        &:hover
          opacity: 1
      .facebook
        +sprite(-35px -35px, 30px, 30px)
        margin-right: 0
      .linkedin
        +sprite(0 -35px, 30px, 30px)

+media-query(840px)
  footer
    .rights
      p, p a, p span
        font-size: 12px !important

+media-query(550px)
  footer
    .rights
      display: block
      .komma, .info
        width: 100%
        text-align: left