.fit-cover {
  object-fit: cover;
}

#a1-1 {
  background: url("Type 45 60.webp");
}

#S1 {
  width: 100%;
  height: 60vh;
  background: url("../../assets/img/Type%203660%20copy%202%20dsa.webp") center / cover no-repeat;
}

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

#s2 {
  width: 100%;
  height: 60vh;
  background: url("../../assets/img/Type%203660%20copy%202%2045.webp") center / cover no-repeat;
}

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

#s3 {
  width: 100%;
  height: 60vh;
  background: url("../../assets/img/Type%203660%20copy%202%2050.webp") center / cover no-repeat;
}

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

#s4 {
  width: 100%;
  height: 60vh;
  background: url("../../assets/img/Type%203660%20copy%202%2075.webp") center / cover no-repeat;
}

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

#hh2 {
  width: 100%;
  height: 100vh;
  background: url("../../assets/img/Type%203660%20copy%202%2050.webp") center / cover no-repeat;
}

#halaman2 {
}

#img1 {
  width: 100%;
  height: 35vh;
  padding: 6px;
  border-width: 0px;
}

@media (min-width: 768px) {
  #img1 {
    width: 100%;
    height: 86vh;
    margin: 0px;
    padding: 40px;
  }
}

#img1-1 {
  width: 100%;
  height: 35vh;
  padding: 13px;
}

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

#img2 {
  width: 100%;
  height: 100vh;
}

#img22 {
  width: 100%;
  height: 32vh;
}

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