body {
    font-size: 1rem;
  }

header{
  height: 50px;
}

svg.bi {
  fill: currentColor;
}

/*
 * sidebar
 */

.position-absolute h3,
.position-absolute h4 {
  text-shadow: 2px 2px 8px #000;
}

nav ul.nav-pills li{
  width: 50%;
}

#offcanvasDebug {
  height: 55vH;
}


.nav-tabs.border-primary button.nav-link.active{
  background-color: var(--bs-primary);
  color: var(--bs-white);
  font-weight: 600;
}


@media (min-width: 576px) {

  nav ul.nav-pills li{
    width: 33%;
  }

}

@media (min-width: 768px) {
  

  nav ul.nav-pills li{
    width: 100%;
  }

}



@media (min-width: 992px) { 
 
}


@media (min-width: 1200px) {


}


@media (min-width: 1400px) { 
  body div.container-fluid{
    max-width: 2000px;
  }
}