/* Mobile Navigation Fix */
@media screen and (max-width: 480px) {
  /* Make nav icons smaller on mobile to fit 5 items */
  #nav a {
    font-size: 2em !important;  /* Reduced from 2.5em */
    margin: 0 0.15em !important;  /* Reduced from 0.25em */
  }
  
  /* Ensure nav container can accommodate all items */
  #nav {
    height: 4em !important;
    padding: 0.5em 0 !important;
  }
}

@media screen and (max-width: 360px) {
  /* Even smaller for very small screens */
  #nav a {
    font-size: 1.75em !important;
    margin: 0 0.1em !important;
  }
}