/* --- INFO PAGE STYLING --- */

/* INFO PAGE: 3 boxes per row */
.info-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}

.info-boxes .info-box {
    flex: 1 1 32%;   /* ~3 per row */
    max-width: 370px;
}

/* Override box colors or spacing if desired 
.info-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}

.info-box h2 {
    color: #003366;
    border-bottom: 2px solid #004c99;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.info-box h3 {
    color: #004c99;
    font-size: 1.1em;
    margin-top: 15px;
}
*/