#mainNavigation {
  font-size: 1.76rem;
}

.lscss-standard-navigation {
  @include media-breakpoint-down(8, $grid-breakpoints-ls) {
    #left &,
    #right &{
      ul {
        @include make-row($grid-gutter-width-super-small);

        li {
          @include make-col-ready($grid-gutter-width-super-small);
          @include make-col(6);
          margin-top: $grid-gutter-width-super-small;

          &:last-child {
            margin-bottom: 0;
          }

          a,
          strong {
            border: 0.1rem solid $ls-color-black;
            padding: 1rem;
            display: block;
            height: 100%;

            &.active {
              background-color: $ls-color-black;
              color: $ls-color-white;
            }
            &:hover,
            &:focus {
              background-color: $ls-color-dark-grey;
              color: $ls-color-white;
            }
          }
        }
      }
    }
  }
}