#extraServices
  .impression-image
    .placeholder
      position: relative

      figure
        position: relative
        width: 100%
        height: 0
        padding-bottom: 37.5%

        +respond-to-width(600)
          padding-bottom: 0
          height: 200px

        span
          position: absolute
          display: none
          width: 100%
          height: 100%
          left: 0
          top: 0
          background-repeat: no-repeat
          background-position: center
          background-size: cover

          &.original
            display: block

          +respond-to-width(1100)
            &.large
              display: block
            &.original
              display: none

          +respond-to-width(775)
            &.medium
              display: block
            &.large
              display: none

          +respond-to-width(425)
            &.medium
              display: none
            &.small
              display: block

      .branding-logos
        position: absolute
        right: column(-1, 12)
        bottom: 90px
        width: column(1, 12)

        a
          +flex(center, center)
          width: 100%
          padding: 20px 0
          opacity: 1
          transition: opacity 0.3s

          &:before
            content: ''
            display: block

          &.nvm
            &:before
              +sprite(0 -13px, 31px, 36px)

          &.funda
            &:before
              +sprite(0 -52px, 60px, 22px)

          &:hover
            opacity: 0.5

        +respond-to-width(1200)
          display: none

    +respond-to-width(740)
      width: 100%
      max-width: none

  .faq-row
    padding: 60px 0 120px
    background-color: $lighterGrey2

    .placeholder
      margin-left: column(1, 12)
      width: column(10, 12)

      >.button
        width: 185px

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

    .title
      +flex(space-between, center)
      margin-bottom: 40px

    h3
      width: calc(100% - 225px)
      padding: 0
      margin: 0
      +bree
      font-size: 1.4rem
      line-height: 1.4
      color: $greyBluer

      +respond-to-width(600)
        width: 100%

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

      &.mobile-button
        display: none

    .faq-items
      background-color: white

    +respond-to-width(600)
      padding: 60px 0 80px
      .title
        .button
          display: none

      .mobile-button.button
        +flex(space-between, center)
        margin-top: 40px


    +respond-to-width(500)
      .grid-row
        width: 100%

      .mobile-button, .title
        width: column(12, 14)
        margin-left: column(1, 14)