.upcomingMeetingsList {
    max-width: 100vw;
    margin-left: 0;
    margin-right: 0;
    padding: 4rem 0;
    overflow: hidden;
    background: var(--neutralsLight);
}

.upcomingMeetingsList .article__content {
    width: 100%;
    max-width: calc(1200px + 1.5rem);
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.5rem;
}

@media (min-width: 1250px) {
    .upcomingMeetingsList .article__content {
        padding: 0;
    }
}

.upcomingMeetingsList h2 {
    margin-bottom: .8em;
}
.upcomingMeetingsList .mmt-ml-details {
    display: none;
}

.upcomingMeetingsList .mmt-ml-date {
    font-size: 1rem;
}

.upcomingMeetingsList .mmt-ml-title {
    font-size: 1.3rem;
}

.upcomingMeetingsList .mmt-ml-more-text {
    border: none;
    box-shadow: unset;
    font-size: .9em;
}

.upcomingMeetingsList .mmt-ml-more-link {
    float: right;
}

@media (min-width: 800px) {
    .upcomingMeetingsList .mmt-ml-meetings {
        display: flex;
        flex-wrap: wrap;
    }

    .upcomingMeetingsList .mmt-ml-meeting {
        flex: 0 0 50%;
        justify-content: flex-start;
        max-width: 50%;
        margin-bottom: 2rem;
    }

    .upcomingMeetingsList .mmt-ml-image-container {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 2.5em);
        max-width: calc(50% - 2.5em);
    }

    .upcomingMeetingsList .mmt-ml-content-container {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 50%;
        max-width: 50%;
    }

    .upcomingMeetingsList .mmt-ml-content-container {
        margin: 0;
    }

    .upcomingMeetingsList .mmt-ml-content-container {
        padding: .5em 0 0 1.5em;
    }
}