//for when we want a body of text to be in different number of columns, depending on media
//can't go in mmui because media-breakpoint-up are bootstrap classes
//but feels more like a mmui characteristic
.mmui-content-columns {
  column-gap: 30px;

  @include media-breakpoint-up(md) {
    column-count: 2;
  }
  @include media-breakpoint-up(xl) {
    column-count: 3;
  }
}