.quote-row
  background: white
  padding: 60px 0 75px

  &.grey, &.gray
    background: $lightGreyBackground

  .content-container
    +flex(center, initial)

    blockquote
      h3
        +font-light(32px, 44px)
        color: $fontColor1
        margin: 0 0 10px
        text-align: center

      p
        +font-light(16px, 32px)
        color: $fontColor2
        margin: 0
        text-align: center

  .customer-service
    +flex(space-between, center)
    max-width: 320px
    margin: 0 auto

    .person-image
      border-radius: 9999px
      border: 1px solid $greyBackground
      background-size: cover
      background-position: 50%
      height: 100px
      width: 100px
      margin-left: 24px

    .information
      a
        font-size: 23px
        color: $fontColor1
      p
        font-size: 14px
        line-height: 14px
        color: $fontColor2
        margin-top: 7px

      span
        float: left
        +sprite(-300px 0, 26px, 24px)
        display: block
        margin-right: 10px
        margin-top: 2px

  .button
    width: 260px
    margin: 30px auto 0
    font-size: 16px
    span
      position: relative
      top: 1px

+media-query(650px)
  .quote-row
    .customer-service
      width: 280px
      margin: 45px auto
      +flex(center, center)

      .person-image
        width: 85px
        height: 85px
        margin-left: 5px

      .information
        width: 190px
        a
          font-size: 20px
        p
          font-size: 13px
          span
            transform: scale(0.8)


+media-query(600px)
  .quote-row
    .content-container
      blockquote
        h3
          +font-light(25px, 38px)