/* WAJIB supaya tidak ada geser kanan kiri */
html,
body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

/* Semua gambar aman */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Section aman */
section {
  padding-top: 100px;
  padding-bottom: 80px;
}

/* Navbar spacing */
.navbar .nav-link {
  font-weight: 500;
}

/* HERO FIX */

#beranda {
  padding-top: 120px; /* jarak aman dari navbar */
  padding-bottom: 80px;
}

#beranda img {
  max-width: 400px;
  width: 100%;
}

#beranda h1 {
  font-size: 36px;
}

@media (max-width: 768px) {
  #beranda h1 {
    font-size: 28px;
  }
}