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

body {
  background: rgb(0,0,0);
}

.navbar-brand {
}

#navcol-1 {
  font-size: 13px;
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  color: var(--bs-dark);
  font-weight: bold;
}

.nav-item {
}

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

@media (min-width: 768px) {
  #hero {
    background: url("../../assets/img/hero2.png") center / cover no-repeat;
  }
}

#title {
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  --bs-body-font-weight: 300;
}

#subtitle {
  font-size: 50px;
  font-weight: bold;
  font-family: Montserrat, sans-serif;
  color: #5C5E62;
}