.menu--columns {
  -webkit-columns: 1;
     -moz-columns: 1;
          columns: 1; }
  @media (min-width: 992px) {
    .menu--columns {
      -webkit-columns: 3;
         -moz-columns: 3;
              columns: 3;
      -webkit-column-gap: 2rem;
         -moz-column-gap: 2rem;
              column-gap: 2rem; } }
  .menu--columns > * {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    page-break-inside: avoid; }
  .menu--columns .menu__submenu .menu__item {
    line-height: 1.375;
    font-size: 0.875rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }