.no-list {
list-style-type: none;
} 
/*Top Menu*/

/* Main nav bar */
.main-menu {
  background-color: inherit;
  margin-top: 45px; /*To clear top bar*/
}
/* Turns menu lists under nav to flex containers */
nav.main-menu ul {
  display: flex;
  justify-content: center;
  list-style: none; /* Reset default list styles */
  margin: 0;
  padding: 0;
}
/* Formatting of menu item texts */
nav.main-menu ul li a {
  display: block;
  padding: 14px 20px !important;
  text-decoration: none;
  font-family: "PT Sans Narrow", sans-serif;
  font-size:1rem !important;
  color: black;
  transition: background-color 0.3s;
}
/* On hover, change color of ALL descendant menu items */
nav.main-menu ul li a:hover {
  background-color: #910048ff;
  color: white;
}
/* For sub-menu list positioning
about the parent list element*/
nav.main-menu ul li {
  position: relative; 
}
/* Submenu styles */
nav.main-menu ul li ul {
  display: none; /* hidden by default */
  flex-direction: column; /* vertical */  
  position: absolute;
  top: 100%;  /* right below parent */
  left: 0; /*left aligns with parent*/
  background-color: #c9c9c9;  
  min-width: 180px;
  z-index: 1000;
}
/* Special Padding for sub-menu items */
nav.main-menu ul li ul li a {
  padding: 10px 15px;
}
/* Show submenu on hover over main-menu items */
nav.main-menu ul li:hover > ul {
  display: flex;
}
/* For sub2-menu list positioning
about the parent list element*/
nav.main-menu ul li ul li {
  position: relative; 
}
/* Sub2menu styles */
nav.main-menu ul li ul li ul {
  display: none; /* hidden by default */
  flex-direction: column; /* vertical items */
  position: absolute;
  top: 0%;  /* top align with parent */
  left: 100%; /*left at parent's right*/
  background-color: #c9c9c9;  
  min-width: 140px;
  z-index: 1000;
}
/* Show sub2menu on hover over sub-menu items */
nav.main-menu ul li ul li:hover > ul {
  display: flex;
}
/*RESPONSIVE DESIGN*/
/*Main menu hidden on small screens*/
@media (max-width: 900px) {
  nav.main-menu {
  display: none;
}
}