@media (max-width: 640px) {
    .menu-toggle {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background-color: #007bff;
      color: white;
      padding: 10px 20px;
      font-size: 1.5rem;
      z-index: 50;
      text-align: center;
    }
  
    #menu {
      width: 100%;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      transform: translateX(-100%);
      transition: transform 0.3s ease-in-out;
      padding-top: 30vh;
      background-color: #007bff;
      z-index: 40;
      overflow-y: auto;
    }
  
    #menu.open {
      transform: translateX(0);
    }
  
    body {
      padding-top: 50px;
    }
  
    .content {
      display: none;
    }
  }