/* ================= BANNER ================= */
.banner {
    width: 100%;
    height: 400px;
    background: url('../img/banner.jpg');
    background-size: cover;
    background-position: center;
}

/* ================= RESPONSIVO ================= */
@media (max-width: 768px) {
    .banner {
        height: 280px;
        padding: var(--spacing-md);
    }

}