@media screen and (max-width: 960px) {
    .grid, .umb-block-grid .top-level-item-container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    #wrapper {
        overflow-x: scroll;
    }

    .left-half, .right-half, .one-third, .two-third {
        width: 100%;
    }

    .right-half {
        margin-left: 0;
    }

    .rich-text-editor p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .login {
        box-sizing: border-box;
        width: 100%;
        min-width: auto;
    }

    nav#login-navigatie ul, nav#groepen ul {
        margin: 0;
        display: flex;
        justify-content: start;
        width: 100%;
        flex-wrap: wrap;
    }

    #stickyheader, nav#groepen, nav#login-navigatie {
        position: static;
        height: 100%;
    }

    .login-error-message, .login-nocombination-error-message, .login-emailtaken-error-message {
        position: static;
        left: 0;
    }

    #wrapper > .content {
        padding: 10px;
    }

    nav#main-menu ul {
        padding: 15px 0px 0px 180px;
    }

    #arrow {
        z-index: 99999;
    }

    #login {
        margin: 10px;
    }

    ul {
        display: flex;
        flex-wrap: wrap;
    }

    .layer#groepen2, .layer#apps {
        position: static;
        left: 0;
    }

    .layer#apps {
        display: flex;
        flex-wrap: wrap;
    }

    #tabs div#nieuws-tab, #tabs div#groepen-tab, #tabs div#apps-tab {
        margin: 0;
        float: none;
    }

    .layer#groepen2 {
        margin-top: 0;
    }

    #tabs {
        margin-top: 10px;
    }

    .choose-vacations {
        flex-direction: column;
    }

    .monitool #vacationsPanel {
        width: 100%;
    }

    #openstaande-vacatures article, #documentzone article, #photozone article, #documentzone-upload article {
        width: 100%;
        box-sizing: border-box;
    }

    #stap1.choose-moniwerking {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }

    #stap1.update-profile {
        width: 100%;
    }

    .profile-margin-top {
        margin-top: 0 !important;
    }

    #home-page .cbp-fwslider {
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

        #home-page .cbp-fwslider .grid h1 {
            position: static;
        }

    #teasers {
        display: flex;
        gap: 10px;
        width: 100%;
        flex-wrap: wrap;
    }

        #teasers article {
            margin: 0;
        }

    .loadingSpinner {
        height: 50px;
        width: 100%;
    }

    div[data-type="dataBatch"] {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    #home-page .cbp-fwslider ul li > a img{
        max-height: 490px;
    }

    #home-page .homepage-social-media{
        right: 30px;
    }

    #home-page .cbp-fwslider .slide-text-container {
        width: 100%;
    }
}
