.reason-row
  padding: 75px 0 90px
  .reason-block
    float: left
    margin-left: $contentGrid
    width: $contentGrid*5
    padding-left: 10px
    h2
      +font-semi-bold(24px, 32px)
      color: $navyBlue
      margin-bottom: 40px
    .content
      ol, ul 
        list-style: none
        counter-reset: reason-counter
        padding-left: 0
        padding-bottom: 60px

        li
          +font-light(18px, 22px)
          color: $navyBlue
          position: relative
          padding: 22px 0 22px 30px
          border-bottom: 1px solid rgba(123,134,174, 0.3)
          &:before
            position: absolute
            left: 0
            content: counter(reason-counter)
            counter-increment: reason-counter
            padding-right: 30px

  .persons
    +flex(space-between, flex-start)
    float: right
    padding-top: 45px
    width: $contentGrid*4
    margin-right: $contentGrid
    .person
      width: 47.5%
      max-width: 280px
      img
        width: 100%

      p
        +font-semi-bold(15px, 20px)
        color: $lightBlue
        margin: 10px 0

        span
          a
            display: block
            margin-top: 10px
            +sprite(-70px 0, 24px, 24px)

        strong
          color: $navyBlue

  .privacy-block
    +font-light(14px, 22px)
    background-color: $almostWhite
    float: left
    margin-top: 30px
    width: $contentGrid*4
    margin-left: $contentGrid
    padding: 15px


+media-query(1450px)
  .reason-row
    .reason-block
      width: $contentGrid*6

    .persons
      width: $contentGrid*3.5

+media-query(1450px)
  .reason-row
    .reason-block
      width: $contentGrid*6

    .persons
      width: $contentGrid*4
      margin-right: 0

+media-query(1030px)
  .reason-row
    .reason-block
      float: none
      width: 10*$contentGrid

    .persons
      padding-top: 120px
      float: none
      width: 10*$contentGrid
      margin-left: $contentGrid
      .person
        p
          +font-semi-bold(20px, 24px)

    .privacy-block
      +font-light(14px, 22px)
      background-color: $almostWhite
      float: left
      margin-top: 30px
      width: $contentGrid*10
      margin-left: $contentGrid
      padding: 15px

+media-query(800px)
  .reason-row
    .reason-block
      .content
        ul
          li
            +font-light(21px, 26px)

+media-query(740px)
  .reason-row
    .content-container
      width: 100%
      .reason-block
        padding-left: 0
        .content
          ul, ol
            li
              +font-light(21px, 28px)


+media-query(400px)
  .reason-row
    .persons
      display: block
      .person
        width: 100%
        margin: 0 auto 60px
        p
          +font-semi-bold(20px, 24px)