.two-text-columns
  padding: 0 0 45px
  .content-container
    position: relative
    z-index: 10
    +flex(center, flex-start)
    .left-content, .right-content
      background: white
      width: calc(50% - 20px)
      padding: 0
      h1, h2
        text-align: left
        +font-bold(24px)
        color: $orange
      p, ul, li, em
        +font-default(16px, 22px)
        color: $gray
        strong, a
          +font-default(16px, 22px)
          color: $orange
        a
          text-decoration: underline

    .left-content
      margin-right: 19px
    .right-content
      margin-left: 19px

+media-query(800px)
  .two-text-columns
    .content-container
      .left-content, .right-content
        h1, h2
          +font-bold(28px)
        p
          +font-default(19px, 26px)
          strong, a
            +font-default(19px, 26px)

+media-query(650px)
  .two-text-columns
    .content-container
      display: block
      .left-content, .right-content
        width: 100%
        margin: 0

      .left-content
        margin-bottom: 45px