.references-wrapper
  width: 100%
  +flex(flex-start, center)
  +flex-rows
  position: relative

  .reference-text
    background:
      color: $lightGray

  .reference
    position: relative
    +flex(center, center)
    height: 100%
    padding: 50px
    width: $contentGrid*4

    +respond-to(medium)
      width: $contentGrid*6

    +respond-to-width(700)
      width: $contentGrid*12

    .reference-content
      max-width: 450px

      .reference-profile-wrapper
        +flex(flex-start, center)

  .reference-header
    +respond-to(medium)
      +order(1)
  .reference-1
    +respond-to(medium)
      +order(2)
  .reference-2
    +respond-to(medium)
      +order(3)
  .reference-logos-1
    +respond-to(medium)
      +order(4)
    +respond-to-width(700)
      width: $contentGrid*6
    +respond-to-width(700)
      +order(6)
  .reference-logos-2
    +respond-to(medium)
      +order(5)
    +respond-to-width(700)
      width: $contentGrid*6
  .reference-3
    +respond-to(medium)
      +order(6)
    +respond-to-width(700)
      +order(4)

.profile-picture
  display: inline-block
  width: 150px
  height: 150px
  border-radius: 50%
  background-repeat: no-repeat
  background-position: center center
  background-size: cover

.reference-logos-1
  min-height: 100%

.reference-logos-wrapper
  //+flex(flex-start, space-around)
  //flex-direction: column
  height: 100%
  max-width: 150px
  img
    width: 100%
    &:first-child
      margin-bottom: 50px