#halaman1 {
  width: 100%;
  height: 100vh;
  background: url("../../assets/img/M1.webp") center / cover no-repeat;
}

@media (min-width: 768px) {
  #halaman1 {
    width: 100%;
    height: 118vh;
    background: url("../../assets/img/A.webp") center / cover no-repeat;
  }
}

#halaman2 {
  width: 100%;
  height: 100vh;
  background: url("../../assets/img/M2.webp") center / cover no-repeat;
}

@media (min-width: 768px) {
  #halaman2 {
    width: 100%;
    height: 100vh;
    background: url("../../assets/img/B.webp") center / cover no-repeat;
  }
}

#halaman3 {
  width: 100%;
  height: 100vh;
  background: url("../../assets/img/M3.webp") center / cover no-repeat;
}

@media (min-width: 768px) {
  #halaman3 {
    width: 100%;
    height: 100vh;
    background: url("../../assets/img/C.webp") center / cover no-repeat;
  }
}

#halaman4 {
  width: 100%;
  background: url("../../assets/img/M4.webp") center / cover no-repeat;
  height: 100vh;
}

@media (min-width: 768px) {
  #halaman4 {
    width: 100%;
    height: 110vh;
    background: url("../../assets/img/D.webp") center / cover no-repeat;
  }
}

#slide1 {
  width: 100%;
  background: url("../../assets/img/b%20copy%20(2).webp") center / cover no-repeat;
  height: 60vh;
}

@media (min-width: 768px) {
  #slide1 {
    width: 100%;
    height: 100vh;
  }
}

#slide2 {
  width: 100%;
  height: 60vh;
  background: url("../../assets/img/suasana%20depan%20copy%20(1).webp") center / cover no-repeat;
}

@media (min-width: 768px) {
  #slide2 {
    width: 100%;
    height: 100vh;
  }
}

#slide3 {
  width: 100%;
  height: 60vh;
  background: url("../../assets/img/int%20kamar%202a%20copy.webp") center / cover no-repeat;
}

@media (min-width: 768px) {
  #slide3 {
    width: 100%;
    height: 100vh;
  }
}

#slide4 {
  width: 100%;
  height: 60vh;
  background: url("../../assets/img/int%20kamar%203a%20copy%20(1).webp") center / cover no-repeat;
}

@media (min-width: 768px) {
  #slide4 {
    width: 100%;
    height: 100vh;
  }
}