html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
}

.footer {
  margin-top: auto;
}

/* Zorgt er voor dat de text uit te footer kleiner wordt wanneer het scherm verkleind */
@media screen and (max-width: 425px) {
  .footer {
    font-size: 11px !important;
  }

  .card-title {
   font-size: 18px !important;
  }
 
}

.hero-banner {
  height: 100vh;
  background-size: cover;
  background-position: center;
}