footer
  background-color: $darkBlue
  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)
  .rights
    +flex(space-between, flex-start)
    p, p a, p span
      +font-default()
      font-size: 14px !important
      line-height: 18px !important
      color: $lightBlue
    span
      white-space: nowrap
    .info
      width: calc(100% - 160px)
    .komma
      width: 160px
      text-align: right

+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