.cta-content-row
  .grid-row
    +flex(flex-end, flex-start)
    padding: 115px 0

    .cta-block
      width: column(4, 12)
      margin-right: column(3, 24)
      p
        margin: 0
        font-size: 0.65rem
        line-height: 1
        font-weight: semibold()
        color: $darkGrey
        text-transform: uppercase

      h1
        max-width: 420px
        margin: 0
        font-size: 2rem
        line-height: 1.4
        font-weight: bold()
        color: $darkGrey

        +respond-to-width(950)
          font-size: 1.6rem

      .button
        margin-top: 30px
        text-transform: uppercase

    .content-block
      width: column(4, 12)
      margin-right: column(1, 12)


  /* Tablet view
    ========================================================================== */
  +respond-to-width(1350)
    .grid-row
      padding: 80px 0

      .cta-block
        width: column(5, 12)
        margin-right: column(1, 12)

      .content-block
        width: column(5, 12)

  /* Mobile view
    ========================================================================== */
  +respond-to-width(750)
    .grid-row
      padding: 80px 0
      display: block

      .cta-block, .content-block
        width: column(10, 12)
        margin-right: auto
        margin-left: auto

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

      .cta-block
        margin-bottom: 60px