/**
 * Hero styles
 */
.hero .card.bg-dark {
  border-radius: 0;
  margin-bottom: 1.5em;
}

.hero .card {
  position: relative;
}

.hero img {
  min-height: 400px;
  max-height: 600px;
  object-fit: cover;
  width: 100%;
}

.hero video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  .hero video {
    display: none;
  }
}