.partners-row
  margin-top: 175px
  margin-bottom: 120px

  h2
    +font-bold(60px)
    text-align: center

  p
    +font-default(22px)
    text-align: center
    margin-bottom: 100px

  .partners
    margin: auto
    float: none
    +flex(space-around, center)


    >div
      width: 16%
      position: relative
      bottom: 0
      opacity: 1.0
      +transition(all 1.5s)

      &:nth-child(1)
        +transition-delay(0s)
      &:nth-child(2)
        +transition-delay(0.2s)
      &:nth-child(3)
        +transition-delay(0.4s)
      &:nth-child(4)
        +transition-delay(0.6s)

      img
        width: 100%
        max-height: 145px

    &.not-in-view
      >div
        bottom: -40px
        opacity: 0.0

+media-query(1100px)
  .partners-row
    .partners
      display: block
      >div
        width: 35%
        padding: 0 7.5% 20px
        text-align: center
        float: left
        height: 125px
        +flex(center, center)

        &:nth-child(3)
          clear: both

        img

          max-width: 100%

+media-query(800px)
  .partners-row
    p
      width: 80%
      margin: 0 auto 20px

+media-query(600px)
  .partners-row
    .partners
      >div
        width: 85%
        +transition(none)

        img
          margin: auto
          max-width: 320px