#faq
  .full-text-row
    margin-top: 0
    padding: 100px 0 60px
    background-color: $lighterGrey2
    text-align: center

    +respond-to-width(900)
      padding: 60px 0 40px

    h1
      text-align: center
      margin: 0 0 60px

    a
      +flex(center, center)
      font-size: 1rem
      line-height: 1.7
      font-weight: bold
      color: $greyBluer
      text-align: center

      &:before
        content: ''
        display: inline-block
        margin-right: 15px
        +sprite(-196px -75px, 12px, 18px)

  .faq-main-questions
    width: column(10, 12)
    margin-left: column(1, 12)
    padding: 60px 0

    +respond-to-width(1500)
      width: 100%
      margin-left: 0

    h2
      margin: 0 0 30px
      padding: 0 40px
      +bree
      font-size: 1.4rem
      line-height: 1.4
      color: $greyBluer

      +respond-to-width(500)
        font-size: 1.2rem

    ul.faq-items
      li
        .answer
          .inner-content
            max-width: 600px

  .reason-why-row
    margin: 60px 0 100px

    .content
      width: column(4.5, 12)
      margin-left: column(4, 12)

      .buttons
        .double-arrow
          margin-left: 15px
          position: relative
          top: 2px

      +respond-to-width(1275)
        width: column(6, 12)
        margin-left: column(3, 12)

      +respond-to-width(1000)
        width: column(8, 12)
        margin-left: column(2, 12)

      +respond-to-width(750)
        width: column(10, 12)
        margin-left: column(1, 12)

      +respond-to-width(590)
        width: 100%
        margin-left: 0

  +respond-to-width(680)
    .faq-main-questions-row
      width: 100%
      .faq-main-questions
        padding-bottom: 0