@media (max-width: 768px) {

    .centered.row {
        max-width: 96%;
        min-width: 96%;
        margin: 0 auto;
        clear: both;
    }


li.menu-w-box {
    flex: 0 0 100%;
}


/* Einde Blokken zone inrichting */

/* HEADER */
.header-wrapper img {
    height: 30px;
    margin-top: 5px;
}

/* EINDE HEADER */

h4 {
    font-size: 1.2rem;
}

.git-progress-active {
    height: 100%;
}

.git-progress-inactive {
    height: 100%;
}

.git-questionnaire .git-questionnaire-question {
    margin-right: 15px;
    margin-bottom: 20px;
    display: block !important;
}

.git-lp-zone-w, .git-lp-zone-n {
	margin-top: 65px !important;
	margin-bottom: 10px !important;
}

.ReactModalPortal .ReactModal__Overlay{
    min-height: 400px;
}

}

/* buttons */

@media (max-width: 600px) {
    .git-quest-prev, .git-quest-next, .git-quest-submit, #main, .git-buttonbar-left, .git-buttonbar-right {
        width: 100% !important;
    }

    .git-quest-nav {
        Display: inline;
    }

    .git-buttonbar button {
        background-color: #157c68 !important;
        color: #fff !important;
        width: 100%;
        margin-bottom: 15px;
    }
    
}

/* einde buttons */

@media (max-width: 1080px) {
    .info-lijst .menu-w-box {
        width: 31%;
    }
}

@media (max-width: 850px) {
    .info-lijst .menu-w-box {
        max-width: 47%;
        width: 47%;
    }
}

@media (max-width: 576px) { /* Extra voor kleine schermen */
    .info-lijst .menu-w-box {
        max-width: 98%;
        width: 98%;
        margin: 10px 10px;
    }
}