.cta-row
  position: relative
  z-index: 2
  background-color: $darkGrey
  padding: calc(100vw / 12) 0 calc(100vw / 12 * 1.5)

  +respond-to-width-beyond(1440)
    padding: 120px 0 180px

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

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

  h3
    max-width: 1050px
    margin: 0 0 calc(100vw / 12)
    font-size: 4rem
    line-height: 1.1
    color: white

    +respond-to-width(1050)
      font-size: 3rem

    +respond-to-width(750)
      font-size: 2.5rem

    +respond-to-width(600)
      font-size: 2rem

    +respond-to-width(425)
      font-size: 1.75rem

    +respond-to-width-beyond(1440)
      margin-bottom: 120px

  .actions
    +flex(flex-start, center)

    p
      color: $lightGrey
      font-size: 1.2rem
      line-height: 1.4
      font-weight: medium()

      a
        text-decoration: none
        color: $lightGrey
        transition: color 0.3s

        &:hover
          color: white

    .button
      margin-left: 55px

    +respond-to-width(750)
      display: block

      .button
        margin-top: 0
        margin-left: 0

  +respond-to-width(700)
    padding: 40px 0

    .grid-row
      width: calc(100% - 40px)