.filter-title
  display: block
  margin-bottom: 10px
  font-weight: 700

  +respond-to(small-mobile)
    padding-left: 40px

.album-filter
  width: 100%
  margin-bottom: 80px

  @extend %clearfix

  +respond-to(small-mobile)
    padding-left: 40px
    margin-bottom: 40px

  a
    display: inline-block
    float: left
    margin-right: 20px
    padding: 0 10px

    min-width: 200px
    height: 40px
    line-height: 40px
    background: darken($background,10)

    color: rgba(255,255,255,.7)

    font-size: .818181em

    +transition(color 200ms ease-out)

    &:hover
      color: rgba(255,255,255,1)

    &.active
      color: #000
      background: #fff
      font-weight: 700

    +respond-to(small-mobile)
      float: none
      margin-bottom: 10px