.service-cta
  background-image: url("/img/forest_top_view_grey.jpg")
  background-position: right bottom
  background-size: cover

  .grid-row
    position: relative
    +flex(center, center)
    display: block
    padding: 80px 0
    text-align: center

    .grid-col
      vertical-align: middle

  .image
    width: 50%

    .placeholder
      width: 100%
      max-width: 210px
      margin-left: auto
      margin-right: 40px

    figure
      position: relative
      width: 100%
      padding-bottom: 100%
      height: 0


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

  .content
    width: 50%
    font-size: 1.2rem
    text-align: left

    p
      color: rgba(white, 0.8)

      a
        color: white

  &.dynamic-block
    .content
      p
        a
          color: white
          border-color: white

  +respond-to-width(840)
    .grid-row
      padding: 50px 0

    .image
      width: 160px
      margin-right: 40px
      .placeholder
        margin-right: 0
    .content
      width: calc(100% - 200px)

  +respond-to-width(500)
    .grid-row
      display: block
      padding: 40px 0

    .image
      margin-left: auto
      margin-right: auto
      margin-bottom: 20px

    .content
      width: 100%
      text-align: center