#about
  .impression-row
    .content
      .button:first-of-type
        margin-top: 60px

  .why-us-row
    padding: 180px 0 120px
    margin-top: -60px
    background-color: $lighterGrey2

    .content
      vertical-align: top
      width: column(5, 12)
      margin-left: column(1, 12)

      +respond-to-width(1400)
        margin-left: 0
        width: column(6, 12)



      .sub-items
        +flex(flex-start, center)
        margin-top: 60px

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

        #feedback-company-score
          margin: 0 40px 0 0

        +respond-to-width(1150)
          +flex-rows
          max-width: 350px

          #feedback-company-score
            +order(2)
            width: 100%
            margin-top: 40px
            margin-right: 0 

    figure
      vertical-align: top
      width: column(4, 12)
      margin: 0 0 0 column(1, 12)
      background-color: darken($lighterGrey2, 10%)

      img
        width: 100%


      +respond-to-width(1575)
        width: column(5, 12)


    +respond-to-width(800)
      padding: 140px 0 60px

      figure
        margin-top: 40px
        width: 100%
        margin-left: 0

      .kms-content
        >p:last-of-type
          margin-bottom: 0

      .content
        width: 100%
        .sub-items
          display: none

    +respond-to-width(740)
      margin-top: 0

    +respond-to-width(680)
      padding: 60px 0
      .grid-row
        width: calc(100% - 80px)