.about-intro-block.base-intro-block
  //display: block
  //+flex()
  //+flex-direction(column)
  margin-bottom: 60px

.about-content-block
  width: 100%
  p
    max-width: $textMaxWidth

.about-image-block
  width: 100%

  .group-image
    height: 40vw

  .base-image
    +respond-to(mobile)
      background-position: top !important

.person-block-container
  +flex()
  +flex-rows()
  margin-bottom: 100px
  +respond-to(mobile)
    margin-bottom: 50px


  .person-block
    margin-bottom: 10px
    padding: 5px
    width: 25%
    +respond-to(mobile)
      width: 50%
    +respond-to-width(550)
      width: 100%
    +flex(flex-start, flex-start)
    +flex-direction(column)

  .person-image-container
    width: 100%
    height: 30vw
    +respond-to(mobile)
      height: 40vw
    +respond-to-width(550)
      height: 75vw
    max-height: 550px
    .person-image
      background-size: cover
      background-repeat: no-repeat
      width: 100%
      height: 100%

  .person-information
    +flex(center, center)
    +flex-direction(column)
    padding: 10px
    width: 100%
    height: auto
    min-height: 120px
    background-color: $orange
    h2
      margin-bottom: 10px
      color: $white
      font-size: 20px
      +respond-to(mobile)
        font-size: 15px
    p
      padding: 0
      margin: 0
      color: white

.quote-block.base-content-block
  padding: 0
  background-color: transparent

  p
    text-align: center
    max-width: 800px
    +font-default(25px, 34px)
    color: $blue


a.PDF
  padding-left: 30px
  background-image: url('/img/icons/PDF.png')
  background-repeat: no-repeat