$gutter-default: (floor((1 / 960) * 1000000) / 1000000 * 30) * 100%;
.ce_text {

  &.layout_2col {

    .text {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: $gutter-default;
      -moz-column-gap: $gutter-default;
      column-gap: $gutter-default;

      p, div, ul, ol, dl {
        break-inside: avoid-column;
        break-before: auto;
      }

      h1, h2, h3, h4, h5, h6 {
        break-inside: avoid-column;
        break-after: avoid-column;
      }
    }

    @media screen and (max-width: 599px) {
      .text {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
      }
    }
  }
}