@media only screen and (max-width : 1200px) {

    .slider::after {
        height: 450px;
    }
}

@media only screen and (max-width : 979px) {

    .planning,
    .rood-content,
    .wit-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .wpcf7-form label {
        text-align: left;
    }

    .menu-overlay.open .menu {
        display: flex;
        flex-direction: column;
    }

    .menu {
        display: none;
    }

    .menu-btn {
        display: flex;
    }

    .innerpadding {
        padding-left: 0;
    }

    .menu-wrap h1 {
        font-size: 24px;
        padding-left: 20px;
    }

    button.menu-btn.scroll-menu-btn {
        top: 30px;
    }

    .footer {
        padding-top: 70px;
        padding-bottom: 20px;
        text-align: center;
    }

    .slider::after {
        height: 330px;
    }

    .innerplanning {
        margin-bottom: 30px;
    }

    .wit-content {
        padding-top: 30px;
        padding-bottom: 100px;
    }

    .kaart {
        margin-top: 60px;
    }
    
    .footer h5 {
        font-weight: 600;
        margin-bottom: 30px;
        font-size: 18px;
        border-top: 1px dashed;
        border-bottom: 0px;
        padding-bottom: 5px;
        margin-top: 10px;
        padding-top: 30px;
    }


    img.logo-valk, img.logo-clercq, img.logo-im, img.logo-poelmans-reesink {
        width: 200px;
        margin-bottom: 40px;
    }

    img.logo-valk {
        width: 200px;
        margin-bottom: 40px;
    }

    .menu-top {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .opdehoogte {
        padding-left: 20px;
        padding-right: 20px;
    }

    img.pijl {
        width: 40px;
        position: relative;
        bottom: 20px;
        z-index: 8;
    }

    .opdehoogte h4 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .planning h3 {
        text-align: center;
    }

    .kaart {
        margin-top: 60px;
        aspect-ratio: 16 / 12;
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
        border-radius: 20px;
    }

    .slider-bottom {
        margin-top: 30px;
    }

}

@media only screen and (max-width : 767px) {

    .rood-content h2 {
        margin-bottom: 30px;
        font-size: 32px;
    }

    .slider::after {
        height: 200px;
    }
    .menu-wrap h1 {
        font-size: 25px;
    }
}

@media only screen and (max-width : 480px) {
    .slider::after {
        height: 175px;
    }
}