.page.method
  .method-forrest-row
    position: relative
    background-color: $darkBrown

    .grid-row
      position: relative

    .grid-col
      vertical-align: middle
      padding: 100px 0

    .content-block
      overflow: visible
      display: block
      margin-left: column(7, 12)

      .content
        width: 100%
        color: $yellow

      ul
        border-left-color: $greenish

        li
          color: $yellow


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

        .button
          border: 2px solid white
          background: transparent

          .arrow
            +respond-to-width(1350)
              margin-left: 10px


      +respond-to-width(1400)
        .trigger
          display: block

          .button
            margin-right: 0
          .image-placeholder
            display: none


    .background
      position: absolute
      width: 100%
      height: 100%
      top: 0
      left: 0

    //&:after
    //  content: ''
    //  position: absolute
    //  width: column(7, 12)
    //  height: 100%
    //  top: 0
    //  right: 0
    //  background: linear-gradient(90deg, $blackGradient3)

    .image-side
      vertical-align: top
      overflow: visible
      position: absolute
      left: 0
      top: 0
      width: column(6, 12)
      height: 100%

      &.grid-col
        padding: 0


      .images
        position: absolute
        width: 100%
        height: 100%
        top: 0
        left: 0
        span
          position: absolute
          width: 100%
          height: 100%
          top: 0
          left: 0
          background-size: cover
          background-position: center

          &.small
            display: none

        picture
          display: none
          width: 100%
          margin: 0
          img
            width: 100%

    +respond-to-width(1200)
      .image-side
        width: column(5, 12)

      .content-block
        width: column(6, 12)
        margin-left: column(6, 12)

    +respond-to-width(900)

      .grid-row
        width: 100%

      .background
        display: none

      .content-block
        display: block
        width: 100%
        padding: 60px column(1, 12)
        margin: auto

        +respond-to-width(400)
          .button
            max-width: 285px

      .image-side
        position: relative
        width: 100%
        height: auto

        .images
          position: relative
          height: auto

          >span
            display: none

          picture
            display: block