/*
 * Vida Vertical 2.0
 * Topics Component
 */

.vv-topics {
    padding: 80px 20px;
}

.vv-topics-title {
    text-align: center;
    margin-bottom: 50px;
    font-size: 2.5rem;
}

.vv-topics-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}


@media (max-width: 900px) {

    .vv-topics-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 600px) {

    .vv-topics-grid {
        grid-template-columns: 1fr;
    }

}