section#disciplines
  background-image: url(../img/backgrounds/bg003.jpg)
  background-position: top center
  background-repeat: no-repeat
  background-color: $brand-tint
  height: 700px
  margin-top: -200px
  width: 100%
  +media($ipad-portrait)
    display: none

  & > .wrapper
    width: 100%
    height: 100%
    position: absolute
    overflow: hidden

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

    ul.disciplines
      position: relative
      top: 275px
      margin: 0
      padding: 0
      list-style: none
      white-space: nowrap
      width: 100%
      li
        position: relative
        display: inline-block
        margin: 0
        padding: 0
        width: 19%
        white-space: nowrap
        text-align: left
        opacity: 0
        +transition(opacity .5s)
        img
          display: block
          margin: 0 auto
          margin-bottom: 1.5em
        .text
          position: absolute
          left: 50%
          .wrapper
            color: $white
            font-family: $font-sans
            text-transform: uppercase
            font-size: 1.5em
            margin-left: -50%

      // Animations
      li:nth-child(1)
        +transition-delay(0s)
      li:nth-child(2)
        +transition-delay(.1s)
      li:nth-child(3)
        +transition-delay(.2s)
      li:nth-child(4)
        +transition-delay(.3s)
      li:nth-child(5)
        +transition-delay(.4s)

      li:nth-child(even)
        position: relative
        top: 200px

    ul.disciplines.on-screen li
      opacity: 1
      +transition(opacity 0s)
      +transition-delay(.0s)