﻿.basic-column {
  padding-right: 1%;
  padding-left: 1%;
}
@media screen and (min-width: 25em) {
  dl.dl-horizontal,
  .body-columns,
  dl.dl-horizontal-maxdouble,
  dl.dl-horizontal-maxtriple {
    column-count: 1;
  }
  .div-column-right {
    padding-right: 1%;
    padding-left: 1%;
  }
  .div-column-left {
    padding-right: 1%;
    padding-left: 1%;
  }
  tr.no-overlined-row {
    border-top: 1px solid gray;
  }
}
@media screen and (min-width: 50em) {
  dl.dl-horizontal,
  .body-columns,
  dl.dl-horizontal-maxdouble,
  dl.dl-horizontal-maxtriple {
    column-count: 2;
  }
  .div-column-right {
    padding-right: 1%;
    padding-left: 1%;
    width: 47%;
    float: left;
  }
  .div-column-left {
    padding-right: 1%;
    padding-left: 1%;
    width: 47%;
    border-right: 1px solid black;
    float: left;
  }
  tr.no-overlined-row {
    border-top: none;
  }
}
@media screen and (min-width: 100em) {
  dl.dl-horizontal,
  .body-columns,
  dl.dl-horizontal-maxtriple {
    column-count: 3;
  }
  .div-column {
    float: left;
    width: 50%;
  }
}