.hero {
    background-color: #0d6efd;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
    padding: 0 15px;
}


.hero-overlay {
    display: none;
}


.card-img-top {
    width: 100%;
    /* vult volledige card breedte */
    height: 220px;
    /* vaste hoogte */
    object-fit: cover;
    /* netjes bijsnijden */
    display: block;
}
.card {
  height: 100%;          
  display: flex;
  flex-direction: column;
}

.card-body {
  flex: 1;               
  display: flex;
  flex-direction: column;
}

.card-text {
  flex-grow: 1;        
  min-height: 60px;   
  overflow: hidden;    
}

.btn {
  align-self: flex-end;  
  margin-top: auto;              
}