.PreviousEvents {
    display: grid;
    grid-gap: 10px;
}
    .AnnualEvent {
        display: grid;
        grid-gap: 20px;
        padding: 25px 20px;
        border-radius: 10px;
        background: #eff2f5;
    }
    .AnnualEvent div {
        display: grid;
        grid-gap: 4px;
    }
    .PreviousEvents h2, .PreviousEvents h3, .PreviousEvents p {
        margin: 0;
        padding: 0;
        border: none;
    }
    .AnnualEvent h2 {
        font-size: 17pt;
        font-weight: 900;
        letter-spacing: 1px;
        color: #3e4042;
    }
    .AnnualEvent h3 {
        font-size: 13pt;
        font-weight: 500;
        letter-spacing: 1px;
    } 
    .EventDate {
        font-size: 10pt;
        font-weight: 800;
        letter-spacing: 1px;
    }
    .EventHost {
        font-size: 9pt;
        font-weight: 400;
        color: #959ba1;
    }
    .SatisfactionSurvey {
        display: block;
        width: max-content;
        padding: 2px 8px; 
        border-radius: 4px;
        font-weight: 600;
        font-size: 9pt;
        background: #31373d;
        color: #FFF;
    }


.other_meet_grid div {
    padding: 15px 20px;
    border-radius: 8px;
    background: #eff2f5;
}
    .other_meet_grid p {
        text-align: center;
    }
    .other_meet_grid p:first-child {
        font-weight: bold;
    }
    .other_meet_grid { 
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 20px;
    }
    @media only screen and (max-width:740px) { 
        .other_meet_grid {
            grid-template-columns: 1fr 1fr 1fr; 
        }
    }
    
    @media only screen and (max-width:520px) {
        .other_meet_grid {
            grid-template-columns: 1fr 1fr; 
        } 
    }