/* ========= Specifieke opmaak van de blokken/kaarten op pagina 'PSCC Instructions' ========= */

.card-container-1 {
    margin: 0 auto;
    margin-bottom: 20px;
}

.card1 {
    inline-size: 18.4%; /* vijf kaarten op een regel */
}

.card1-title {
    height: auto;
    margin-bottom:5px;
}

/* ========== Instelling voor schermen tussen 768 & 1044 pixels  ========== */

@media screen and (min-width: 769px) and (max-width: 1044px) {
    .card1 {
        inline-size: 32.6%; /* drie kaarten op een regel */
    }
}

/* ========== Instelling voor schermen tot 768 pixels (mobiele telefoons etc)  ========== */

@media screen and (max-width: 769px) {
    .card1 {
        inline-size: 100%; /* één kaart op een regel */
    }
}