section#referenties
  background-color: $white
  overflow: hidden
  padding-bottom: 150px

  .content
    +glashelder-outer-container()
    position: relative
    z-index: 99

    &:before
      content: ''
      position: absolute
      width: 100%
      height: 100%
      background-color: $dark-white
      z-index: -1
      padding: 60px 60px 0 60px
      margin-left: -60px - 20px
      box-sizing: content-box

    .col
      +span-columns(4)

      display: inline-block

      +media($ipad-portrait)
        +span-columns(12)
      padding-top: 50px

      opacity: 0
      +transition(opacity 1s)
      &.on-screen
        opacity: 1
      &:nth-child(1)
        +transition-delay(.1s)
      &:nth-child(2)
        +transition-delay(.35s)
      &:nth-child(3)
        +transition-delay(.6s)

    h3
      font-family: $font-serif

    .persoon
      color: $brand-color
      font-style: italic