/* Responsive Styles */
@media (max-width: 768px) {
  nav {
    flex-direction: column !important;
    font-size: 1em;
  }

  nav a {
    margin: 5px 0 !important;
    padding: 10px !important;
  }

  .logo-container img {
    max-width: 100%;
  }

  main, footer {
    padding: 10px;
  }

  img {
    max-width: 100%;
    height: auto;
  }
}