section {
    padding: 90px 0;
    background: white;
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 2.2rem;
    margin-bottom: 10px;
    color: var(--main-color);
}

/* LIGHT */
.section-light {
    background-color: #f9fafb;
}

.section-light h2 {
    color: var(--secondary-color);
}

/* NEGATIVE */
.section-negative {
    background-color: var(--main-color);
    color: white;
}

.section-negative h2 {
    color: white;
}

/* RESPONSIVE */

@media (max-width: 900px) {

    section {
        padding: 70px 0;
    }
}