.departmentWrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.departmentWrapper>h2{
    text-align: center;
    padding: 50px 0 30px;
    margin:0;
}

.cardsWrapper{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.card{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cardTitle{
    text-align: center;
    padding: 10px 0 5px;
    margin:0;
}

.cardText{
    text-align: center;
    padding:0 0 8px 0;
    margin:0;
}