@media only screen and (max-width: 700px) {
    
    nav ul > li a {
        visibility: hidden;
    }

    nav .phone i {
        visibility: visible !important;
        color: white;
        font-size: 30px;
    }

    nav div {
        width: 30%;
        margin-right: -6%;
    }

    #home > div {
        margin-left: 18%;
        margin-right: 15%;
        margin-top: 15em;
    }
    
    #menu {
        margin-top: 200px;
    }
    
    #reservatie > figure {
    visibility: hidden;
        flex: 0;
        margin: 0;
        padding: 0;
        height: 0;
        width: 0;
    }
    
    #reservatie article {
        padding: 0;
        margin-left: 11%;
        margin-right: 12%;
    }
    
    footer figure {
        margin-left: 20px;
width: 200px;
    }
    
    footer figure div {
        width: 175px;
    }

    /* *** Tekst *** */
    h1 {
        font-size: 50px;
    }


}
@media only screen and (max-width: 1020px) {
    #kaderoverons {
        width: 100%;
    }
    
    #menu > section {
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    .grid-container-menu {
        grid-template-rows: 1fr;
        grid-template-areas: "nr1 nr1""nr2 nr2""nr3 nr3""nr4 nr4";
        grid-template-columns: 1.25fr 3fr;
    }
    
}