@media only screen and (max-width: 1168px) {
    /*Story News Article*/
    #news_container {
        max-width: 880px;
    }
    .event-overview {
        max-width: 832px;
        margin: 0 auto;
    }
    /*Components*/
    /*Multi-card*/
    .component[data-component="multi-card"] .multi-card-container {
        column-gap: 16px;
    }
    .component[data-component="multi-card"] .multi-card {
        max-width: calc(33% - 8px);
    }
    /*Events-and-news-pull*/
    .component[data-component="events-and-news-pull"] .events-and-news:not(.alone) {
        max-width: 698px;
    }
    .component[data-component="events-and-news-pull"] .events-and-news .events:not(.max-912) {
        max-width: 100%;
    }
    .component[data-component="events-and-news-pull"] .events-and-news .events:not(.max-912) .event-overview-by-type-card {
        max-width: 312px;
    }
}
@media only screen and (max-width: 1024px) {
    /*Components*/
    /*Multi-card*/
    .component[data-component="multi-card"] .multi-card-container {
        gap: 32px;
    }
    .component[data-component="multi-card"] .multi-card {
        max-width: 352px;
    }
    .component[data-component="multi-card"] > .overdiv-1168 {
        max-width: 784px;
    }
}
@media only screen and (max-width: 900px) {
    /*Layout*/
    .two-col-640-352 {
        flex-direction: column;
        gap: 72px;
        max-width: 736px;
        margin: 0 auto;
    }
    .two-col-640-352 .max-640 {
        max-width: 100%;
    }
    /*Story News Article*/
    #news_container {
        max-width: 584px;
    }
    .event-overview {
        max-width: 536px;
    }
    .event-overview-filters,
    .preview-articles-overview {
        gap: 24px;
    }
    .event-overview-filters,
    #overdiv .event-overview-select {
        width: 100%;
    }
    .event-overview-filters > div {
        width: 100%;
        max-width: 256px;
    }

    /*Footer*/
    #footer_top {
        padding: 40px 0;
    }
    #footer_top > .overdiv-1168,
    #footer_bottom > .overdiv-1168 {
        justify-content: center;
        max-width: 600px;
    }
    #footer_top > .overdiv-1168 {
        gap: 24px;
    }
    #footer_bottom > .overdiv-1168 {
        gap: 16px;
        text-align: center;
    }
    /*Components*/
    .section-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    /*Multi-card*/
    .component[data-component="multi-card"] .multi-card-container {
        gap: 24px;
    }
}
@media only screen and (max-width: 768px) {
    /*Header*/
    #overdiv.openUI #header > .overdiv-1168 {
        background-color: #000F6C;
    }
    #overdiv.page-home #header:not(.sticky) #header_top {
        display: block;
    }
    #overdiv.page-home #header:not(.sticky) > .overdiv-1168 {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    #overdiv:not(.page-home) #header_logo {
        max-width: 64px;
        max-height: 64px;
    }
    #overdiv #header_top {
        border-bottom: 1px solid #FFF;
    }
    #header .overdiv-1168 {
        position: relative;
        gap: 8px;
    }
    #header_right {
        display: none;
    }
    #mobileMenuArea,
    #overdiv.openUI .UIsideBar {
        display: flex;
    }
    /*Story News Article*/
    #article_img {
        height: calc(100vw/1.84);
    }
    /*Events-and-news-pull*/
    .event-overview-by-type {
        justify-content: center;
    }
    .component[data-component="events-and-news-pull"] .events-and-news .events:not(.max-912),
    .component[data-component="events-and-news-pull"] .events-and-news .news {
        width: 100%;
        max-width: 448px;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 600px) {
    #overdiv,
    #overdiv input,
    #overdiv textarea,
    #overdiv select,
    #mint_popup.general-popup,
    #mint_popup.general-popup .button {
        font-size: 14px;
        line-height: 1.4;
    }
    #overdiv.page-home h1,
    #overdiv.page-home .h1 {
        font-size: 32px;
        line-height: 1.3;
    }
    #overdiv h1, .h1 {
        font-size: 24px;
        line-height: 1.4;
    }
    #overdiv h2, .h2,
    #overdiv #article_title {
        font-size: 22px;
    }
    #overdiv h3, .h3 {
        font-size: 20px;
    }
    #overdiv h4, .h4 {
        font-size: 18px;
    }
    #overdiv h6, .h6 {
        font-size: 15px;
    }
    #overdiv .button {
        font-size: 14px;
    }
    #page_banner_title {
        min-width: 144px;
        padding: 40px 24px 16px;
    }
    .page-padding {
        padding-top: 24px;
        padding-bottom: 40px;
    }
    #overdiv .link-back {
        margin-bottom: 24px;
    }
    .two-col-640-352 {
        gap: 40px;
    }
    #mint_components .component:first-child > .section-padding {
        padding-top: 24px;
    }
    .overview-text {
        margin-bottom: 24px;
    }
    /*Header*/
    #header_top_helpline {
        display: none;
    }
    #header #header_top > .overdiv-1168 {
        justify-content: center;
        text-align: center;
    }
    #header #header_top > .overdiv-1168 > div {
        width: 50%;
    }
    #overdiv #header .button {
        max-width: 100%;
    }
    .two-col-640-352 > div.event-page-right {
        border-radius: 0;
        max-width: 100vw;
        width: 100vw;
        margin: 0 -24px -40px;
    }
    /*Story News Article*/
    #news_container {
        max-width: 360px;
    }
    #article_img {
        border-radius: 0;
        width: 100vw;
        margin: 0 -24px;
    }
    #article_date_container {
        margin-bottom: 24px;
    }
    #article_text {
        margin-top: 24px;
    }
    .event-overview-filters > div,
    .event-overview,
    .preview-article {
        max-width: 312px;
    }
    .event-overview-filters {
        flex-direction: column;
        gap: 16px;
    }
    /*Footer*/
    #footer_top > .overdiv-1168 > div,
    #footer_bottom > .overdiv-1168 > div {
        max-width: 400px;
    }
    /*Multi-card*/
    .component[data-component="multi-card"] > .overdiv-1168 {
        max-width: 400px;
    }
    /*Field-and-tiles*/
    .component[data-component="field-and-tiles"] .field-and-tiles-yellow-card {
        margin-bottom: 24px;
    }
    .component[data-component="field-and-tiles"] .field-and-tiles-yellow-card > div:nth-child(2) {
        flex-shrink: 0;
        max-width: calc(100% - 88px);
    }
    /*Events-and-news-pull*/
    .component[data-component="events-and-news-pull"] .events-and-news {
        gap: 40px;
    }
    .component[data-component="events-and-news-pull"] .events-and-news.alone .max-912 {
        max-width: 312px;
    }
    .component[data-component="events-and-news-pull"] .events-and-news .events.max-912 .event-overview-by-type-card {
        max-width: 100%;
    }
    .event-overview-by-type {
        gap: 16px;
        margin-top: 32px;
    }
}
@media only screen and (max-width: 500px) {
    /*Components*/
}
@media only screen and (max-width: 400px) {
    /*Components*/
}
