.content-block
  .content-container
    position: relative
    z-index: 10
    padding: 0px 0
    padding-bottom: 30px
    .image-side
      float: left
      padding-left: 10px

      &.right
        float: right

      &.content66
        +calc('width', '#{$contentGrid} * 4')

        img.large
          display: none

      &.content50
        +calc('width', '#{$contentGrid} * 6')

        img.medium
          display: none

      &.content33
        +calc('width', '#{$contentGrid} * 8')

        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: 80%
        margin: auto
        padding: 45px
        background: white

      p, h1, h2
        text-align: left

      &.content66
        +calc('width', '#{$contentGrid} * 8')

      &.content50
        +calc('width', '#{$contentGrid} * 6')

      &.content33
        +calc('width', '#{$contentGrid} * 4')

      &.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
    .content-container.content33
      .image-side
        img.medium
          display: block

        img.large
          display: none

    .content-container.content50
      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(780px)
  .content-block
    .content-container
      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%