@media (max-width: 768px) {

    html, body {
        font-size: 14px;
    }

    /* Algemene stijl */
    h1 {
        font-size: 1.8rem;
    }

    h2 {
        font-size: 1.4rem;
    }

    h3 {
        font-size: 1.2rem;
    }

    a {
        color: #000;
    }

        a:hover {
            color: #777;
        }

    blockquote {
        font-size: 64px;
        font-family: "Playfair", Arial;
        font-weight: bold;
        line-height: 1;
        color: #000;
    }

    .hero {
        position: relative;
        min-height: 2vh;
    }


    #siteLogo {
    margin-right:20px;
    }    

    .hipka-nav .nav-left {
        padding-left: 20px;
    }

    .mobile-menu-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .nav-left {
        flex: 0 0 auto;
    }

    .nav-right {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
    }

    #footer {
        padding: 50px 20px 50px 20px;
    }

    #footer img {
    width:80%;
    height:80%;
   
    }
}

@media screen and (max-width: 1000px) {
    .hipka-nav .nav-center {
        display: none;
    }
}