.cta-row
  position: relative

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

    &:after
      content: ''
      position: absolute
      width: 50%
      height: 100%
      top: 0
      right: 0
      background: $royalForkLightBlue

  .grid-row
    position: relative
    z-index: 2
    +flex(center, center)
    height: 380px

  .cta-trigger, .contact-info
    h3
      color: $royalForkBlue
      font-size: 2rem
      margin: 0 0 10px

    p
      color: $royalForkGreen
      font-size: 0.65rem
      font-weight: semi-bold()
      text-transform: uppercase
      margin: 0

    .button
      margin-top: 60px
      padding: 18px 25px
      border-radius: 5px
      background-color: $royalForkGreen

      &:after
        border-radius: 5px


  .cta-trigger
    padding: 10px 0
    width: 50%

    .placeholder
      width: column(4, 6)
      margin-left: column(2, 6)
      text-align: left

      +respond-to-width(1500)
        margin-left: column(1, 6)
        width: column(5, 6)

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


  .contact-info
    width: 50%
    padding-left: column(3, 24)

    h3
      color: white

    p
      color: $royalForkYellow

    .button
      background-color: $royalForkYellow
      color: $royalForkBlue

      .arrow
        svg.arrow-icon .st0
          fill: $royalForkBlue



  +respond-to-width(950)
    .background
      display: none

    .grid-row
      height: auto
      display: block
      width: 100%

    .cta-trigger
      z-index: 3
      width: 100%
      padding: 50px column(1, 12)
      background-color: $offsetWhite

    .contact-info
      z-index: 3
      width: 100%
      padding: 50px column(1, 12)
      background-color: $agrimacBlue

  +respond-to-width(625)
    .person
      width: 100%
      figure
        width: 280px
        margin-left: auto
        margin-right: auto

    .background
      &:after
        height: 460px

    .contact-info
      height: 460px
      padding-bottom: 310px