body {
    /*background: linear-gradient(to right, #ffcc00, #ff6600);*/
    color: white;
    scroll-behavior: smooth;
    font-family: 'Poppins', sans-serif;
}

.hero{
background-image: url('img/bgkacangmete.jpg');
background-size: cover;
background-position: center;
min-width: 100%;
min-height: 90vh;
max-width: 100%;
max-height: 90vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}

.jumbotron h1, .jumbotron h2, .jumbotron p, .jumbotron a {
    color: white;
}
.jumbotron h1 {
    font-size: 3rem;
}
.jumbotron h2 {
    font-size: 2rem;
}
.jumbotron p {
    font-size: 1.5rem;
}
.jumbotron a {
    color: white;
    background-color: #ff6600;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.2rem;
    margin-top: 20px;
}
.jumbotron a:hover {
    text-decoration: none;
    color: white;
}
.container {
    margin-top: 20px;
    padding: 20px;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    border-radius: 10px;
}
h1, h2 {
    text-align: center;
}
.nav-link {
    color: white;
}
.nav-link:hover {
    text-decoration: underline;
}
nav{
    background-color: rgba(184, 42, 6, 0.5);
    z-index: 1000;
}
section {
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 60px; /* tinggi nav */
  scroll-margin-top: 60px; /* untuk mempertahankan jarak */
}
@media (max-width: 576px) {
    .responsive-text {
        font-size: 14px; /* Ukuran font untuk layar kecil */
    }
}

@media (min-width: 577px) {
    .responsive-text {
        font-size: 18px; /* Ukuran font untuk layar lebih besar */
    }
}

@media (max-width: 576px) {
    .img-fluid {
        max-width: 100%; /* Pastikan gambar tidak lebih besar dari kontainer */
        height: auto; /* Menjaga rasio aspek */
    }
}