@media (max-width: 768px) {
  /* Skrij desni del navigacije, pokaži hamburger menu */
  .nav-right {
    display: none;
  }

  .hamburger {
    display: flex;
  }

  /* Hero text prilagoditve */
  .hero-text {
    bottom: 2rem;
    left: 1rem;
    right: 1rem;
    max-width: 100%;
  }

  .hero-text h1 {
    font-size: 3.5rem;
  }

  .hero-text p {
    font-size: 1rem;
  }

  .hero-text .btn-contact {
    font-size: 0.9rem;
    padding: 10px 20px;
  }

  /* Novice: horizontalni scroll + snap */
  .news-wrapper {
    overflow: hidden;
    position: relative;
  }

  .news-container {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    justify-content: flex-start;
    padding: 0 1rem;
    margin-top: 20px;
  }

  .news-item {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 auto;
    scroll-snap-align: center;
    box-sizing: border-box;
    padding: 10px;
  }

  .arrow-btn {
    display: none;
  }

  /* About section: stolpec z obratom vrstnega reda */
  .about-container {
    flex-direction: column-reverse;
    align-items: center;
    gap: 2rem;
    padding: 1rem;
  }

  .about-text {
    order: 1;
    width: 100%;
  }

  .about-image {
    order: 2;
    width: 100%;
    max-width: 100%;
  }

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

  .about-extra {
    flex-direction: column;
    gap: 1.5rem;
  }

  /* Zemljevid */
  .map-frame {
    width: 100%;
    height: 250px;
    max-width: 100%;
    border: none;
    border-radius: 8px;
  }

  /* Zaporedje extra-box elementov */
  .extra-box.donirajte {
    order: 1;
  }
  .extra-box.zemljevid {
    order: 2;
  }
  .extra-box.bliznjice {
    order: 3;
  }

  /* Footer - večji razmik med elementi */
  footer p {
    margin: 0 8px;
  }

}