div.container-nav {
  display: flex;
  flex-direction: column !important;
}

/*.mod-menu ul.nav {
  display: flex;
  flex-direction: row !important;
}
*/
li.nav-item {
  
  padding-right: 1%;
  padding-left: 1%;

}

#top-layer-menu {
  display: flex;
  flex-direction: row !important;
  background-image: linear-gradient(60deg, rgb(17, 40, 85) 0%, rgb(66, 64, 119) 100%)
  /*
  background-color: var(--primary);
  */
}

#mid-layer-menu {
  display: flex;
  flex-direction: row !important;
  background-image: linear-gradient(-60deg, rgb(17, 40, 85) 0%, rgb(66, 64, 119) 100%)
  /*
  background-color: var(--indigo);
  rgb(17, 40, 85)
  linear-gradient(135deg, rgb(17, 40, 85) 0%, rgb(66, 64, 119) 100%)
  */
}

#bottom-layer-menu {
  display: flex;
  flex-direction: row !important;
  background-image: linear-gradient(60deg, rgb(17, 40, 85) 0%, rgb(66, 64, 119) 100%)
  /*
  background-color: var(--purple);
  */
}