/* ===============================
   COMMITTEES
================================ */

.committees{
    width:min(1400px,95%);
    margin:60px auto;
}

.committees h1{
    text-align:center;
    color:#003366;
    margin-bottom:45px;
    font-size:clamp(2rem,4vw,2.8rem);
}

.committee-container{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
    align-items:start;
}

.committee{
    background:rgb(228, 188, 115);
    border-radius:15px;
    padding:30px;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    border-top:5px solid #003366;
}

.committee h2{
    text-align:center;
    color:#003366;
    margin-bottom:25px;
    font-size:1.45rem;
}

.committee ul{
    list-style:none;
    padding:0;
    margin:0;
}

.committee li{
    padding:10px 0;
    border-bottom:1px solid #e8e8e8;
    line-height:1.6;
}

.committee li:last-child{
    border-bottom:none;
}

.committee strong{
    color:#003366;
}


/* ===============================
   RESPONSIVE
================================ */

@media (max-width:1000px){
    .committee-container{
        grid-template-columns:1fr;
    }
}