.hero{
  position: relative;
  width: 100%;
  height: 70vh;
  background: url("../img/horizontal.png") no-repeat center center;
  background-size: cover;
  background-position: center center;
  z-index: -1;
}

.navbar {
  height: 60px;
}
.navbar .navbar-brand{
  font-size: 24px;
  font-family: 'Google Sans', sans-serif;
}
.navbar .nav-link{
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.div {
    margin-top: calc(0vh - 60px);
}
.div .row
{
    --bs-gutter-x:0;
}

@media (min-width: 992px) {
  .hero {
    height: 60vh;
  }
  }
  @media (min-width: 768px) {
    .hero {
      height: 60vh;
      background-position: center top; /* Fokus bagian atas untuk desktop */
    }
  }