/* Bootstrap */
/* @import url("https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"); */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css");

body {
  padding-top: 55px;
}
.max-w {
  max-width: 1100px;
}
.hero-image {
  background-image: url("../img/pexels-content-pixie-2736499.jpg");
  height: 50vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.overlay {
  background-color: black;
  opacity: 50%;
  width: 320px;
  height: 100px;
  border-radius: 5px;
}
.card img {
  height: 30vh;
  object-fit: cover;
  object-position: center;
}