footer
  border-bottom: 10px solid $blue
  background: white
  position: relative
  z-index: 2

  .placeholder
    width: $contentGrid*12
    margin: auto
    padding: 38px 0
    +flex(space-between, center)

    .logo
      +sprite(0 -40px, 148px, 30px)
      display: block

    .komma
      a
        +flex(space-between, center)
        span
          +sprite(-245px -12px, 30px, 30px)
          display: inline-block
          margin-right: 10px
          +transform(rotateZ(0deg))
          +transition(all 0.8s)
        p
          +font-bold(15px, 18px)
          color: $gray

      &:hover
        a
          span
            +transform(rotateZ(360deg))



+media-query(650px)
  footer
    .placeholder
      .komma
        p
          display: none

+media-query(200px)
  footer
    .placeholder
      .logo
        display: none