/*
 *  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< - >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
 * 
 *      Media queries breakpoints
 *
 *        Defines the breakpoints for the navbar, page, and footer
 * 
 *        SASS variables are required given CSS Variables do not work in Media queries
 * 
 *  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< - >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
 */
nav {
  font-size: var(--font-size-lg);
}

@media (min-width: 992px) {
  #main_Wrapper {
    grid-column: col 4/span 4;
  }
  nav > #menu_Menu > #menu_Navbar-LG > ul > li {
    font-size: var(--font-size-lg);
  }
  nav > #menu_Menu > #menu_Navbar-LG > ul > li:last-child {
    display: none;
  }
}
@media (768px <= width <= 991.98px) {
  #main_Wrapper {
    grid-column: col 4/span 4;
  }
  nav > #menu_Menu > #menu_Navbar-MD > ul > li {
    font-size: var(--font-size-md);
  }
  nav > #menu_Menu > #menu_Navbar-MD > ul > li:last-child {
    display: none;
  }
}
@media (600px <= width <= 767.98px) {
  #main_Wrapper {
    grid-column: col 4/span 4;
  }
  nav > #menu_Menu > #menu_Navbar-SM > ul > li {
    font-size: var(--font-size-sm);
  }
  nav > #menu_Menu > #menu_Navbar-SM > ul > li:last-child {
    display: none;
  }
}
@media (0px <= width <= 599.98px) {
  nav,
  #main_Wrapper {
    display: none;
  }
  #small_Message {
    display: block;
  }
}