/* Container row */
.equality-charter-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* default: space between multiple boxes */
    max-width: 1230px;
    margin: 0 auto;
    gap: 20px;
}

.muni-name{
    font-family: bpg_banner_extrasquare_caps;
    font-weight:600;
    font-size: 18px;
    color: #3B6CB6;
}

/* Each box */
.equality-charter-box {
    flex: 0 1 calc((1230px / 3); /* 3 per row desktop */
    box-sizing: border-box;
    margin-bottom: 20px;
}

/* Images inside boxes */
.equality-charter-box img {
    max-width: 90%;
    height: auto;
    display: block;
    margin: 0 auto; /* centers the image horizontally */
}

/* Tablet: 2 per row */
@media (max-width: 1024px) {
    .equality-charter-box {
        flex: 0 1 calc((100% - 20px)/2); /* 2 per row minus 1 gap */
    }
}

/* Mobile: 1 per row, properly centered */
@media (max-width: 767px) {
    .equality-charter-grid {
        justify-content: center; /* center single box */
    }
    .equality-charter-box {
        flex: 0 1 100%;
        max-width: 100%;
    }
}