.content-block
  padding: 0 0 45px

  .content-container
    position: relative
    z-index: 10

    .image-side
      float: left
      padding-left: 10px

      &.right
        float: right

      &.content66
        width: calc(100% / 3)

        img.large
          display: none

      &.content50
        width: calc(100% / 2)

        img.medium
          display: none

      &.content33
        width: calc(100% / 3 * 2)

        img.medium
          display: none

      img
        width: 100%

      &.left
        padding-left: 0
        padding-right: 10px

    .content-side
      float: left
      padding-right: 10px

      &.right
        float: right
        padding-right: 0

      .inner
        width: 100%
        margin: auto
        padding: 0
        background: white

      h1, h2
        text-align: left
        +font-bold(24px)
        color: $orange
      p, em, ul, li, em 
        +font-default(16px, 22px)
        color: $gray
        strong, a
          +font-default(16px, 22px)
          color: $orange
        a
          text-decoration: underline

      &.content66
        width: calc(100% / 3 * 2 - 20px)

      &.content50
        width: calc(100% / 2 - 20px)

      &.content33
        width: calc(100% / 3 - 20px)

      &.left
        padding-left: 10px
        padding-right: 0

+media-query(1100px)
  .content-block
    .content-container.content33
      padding-bottom: 0
      .content-side, .image-side
        width: 80% !important
        padding: 0 0 80px !important
        margin: 0 auto
        float: none !important

      .content-side
        .inner
          width: 100%



+media-query(900px)
  .content-block
    margin-bottom: -20px
    .content-container.content33
      .image-side
        img.medium
          display: block

        img.large
          display: none

    .content-container.content50
      padding-bottom: 0
      .content-side, .image-side
        width: 100% !important
        padding: 0 0 20px !important
        margin: 0 auto
        float: none !important

      .content-side
        .inner
          width: 100%

+media-query(800px)
  .content-block
    .content-container
      .content-side
        h1, h2
          +font-bold(28px)
        p, em
          +font-default(19px, 26px)
          strong, a
            +font-default(19px, 26px)
+media-query(780px)
  .content-block
    .content-container
      padding-bottom: 0
      .content-side, .image-side
        width: 100% !important
        padding: 0 0 20px !important
        margin: 0 auto
        float: none !important

      .content-side
        .inner
          width: 100%