/* Pagină education.html */

body.education-page {
    padding-top: 100px;
}

/* Layout 5 carduri pe rând */

#edu-list.card-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
}

#edu-list.card-row .card {
    flex: 0 1 calc(20% - 24px);
    max-width: 240px;
}

/* ecrane medii — 3 pe linie */
@media (max-width: 992px) {
    #edu-list.card-row .card {
        flex: 0 1 calc(33.33% - 24px);
    }
}

/* ecrane mici — 2 pe linie */
@media (max-width: 600px) {
    #edu-list.card-row .card {
        flex: 0 1 calc(50% - 24px);
    }
}

/* ecrane foarte mici — 1 pe linie */
@media (max-width: 400px) {
    #edu-list.card-row .card {
        flex: 0 1 100%;
    }
}