.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 0 10px
        font-size: 1.1rem
        line-height: 1
        font-weight: semibold()
        color: $yellow4
        text-transform: uppercase

      h1
        max-width: 420px
        margin: 0
        margin-bottom: 50px
        font-size: 1.8rem
        line-height: 1.4
        font-weight: bold()
        color: $dark

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

      .button
        margin-top: 50px
        margin-bottom: 20px

      h3
        margin: 14px 0 0
        font-size: 1rem
        line-height: 1em


    .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