body {
    background: #f9f9f9;
    font-family: 'Segoe UI', sans-serif;
}

/* HERO */
.hero-section {
    height: 80vh;
    background: url('../img/hero/hero1.jpg') center/cover no-repeat;
    position: relative;
}

.hero-section::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
}
.hero-section .container {
    position: relative;
    z-index: 2;
}

/* CARDS */
.card img {
    height: 230px;
    object-fit: cover;
}