.bg-image {
  background-image: url('img/boyz.png');
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 20%;
  background-attachment: fixed;
  width: 100%;
  height: 100vh; /* Menggunakan viewport height untuk memastikan gambar memenuhi tinggi layar */
  overflow: hidden; /* Menghilangkan kemungkinan tampilan horizontal yang tidak diinginkan */
  margin: 0; /* Menghilangkan margin ekstra yang mungkin ditambahkan oleh browser */
  display: flex;
  align-items: center;
  justify-content: center;
  }

  nav{
    color: white;
    font-family:'Montserrat', Tahoma, Geneva, Verdana, sans-serif; 
    font-weight:bold;
    position: fixed;

    
  }
  .navbar-toggler-icon {
    color: white; /* Warna ikon tombol navbar */
  }
  
  .navbar-toggler {
    border-color: white; /* Warna border tombol navbar */
  }
  
  .navbar-nav .nav-link {
    color: white !important; /* Warna teks link navbar */
  }
  
  .btn-custom {
    background-color: black; /* Warna latar belakang tombol */
    color: white; /* Warna teks tombol */
    border-color: white; /* Warna border tombol */
  }
  
  .btn-custom:hover {
    background-color: white; /* Warna latar belakang tombol saat dihover */
    color: black; /* Warna teks tombol saat dihover */
  }
  

  .navbar-scrolled {
    background-color: black !important; /* Warna latar belakang hitam */
  }
  

  .jumbotron {
    background-color: transparent; /* Transparent background */
    

  }
  #aboutme {
    background-color: black; 
    padding: 5%; border-radius: 5px; border: 2px solid white;
  }

  #about {
    padding: 5%;
    text-align: center;

  }
  @media (max-width: 768px) {
    .heading {
      font-size: 2.5rem; /* Ubah ukuran font untuk layar yang lebih kecil */
    }
  }

  @media (max-width: 768px) {
    .bg-image {
        background-attachment: fixed; /* Keep background fixed while scrolling */
    }
}

#gambarfooter {
  overflow: hidden; /* Menghilangkan kemungkinan tampilan horizontal yang tidak diinginkan */
  margin: 0; /* Menghilangkan margin ekstra yang mungkin ditambahkan oleh browser */
  display: flex;
  justify-content: center;
  background-image: url('img/boyss.jpg'); /* Menggunakan gambar sebagai latar belakang */
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Membuat gambar tetap di lokasi saat di-scroll */
  position: relative;
  height: 50vh; /* Menetapkan tinggi elemen sama dengan tinggi layar */
}



/* Media query untuk perangkat seluler */
@media (max-width: 768px) {
  #gambarfooter {
    background-size: cover; /* Memastikan gambar latar belakang memenuhi seluruh area */
  }
}

/* Media query untuk dekstop */
@media (min-width: 1920px) {
  #gambarfooter {
    background-size: auto; /* Mengatur ukuran gambar menjadi setengah layar */
  }
}