@media all and (max-width: 1280px) {
/*
    #portfolio, #home, #contact {
        height: 770px;
    }
*/
    .welkom img {
        margin: 35px 0;
        width: 650px;
    }

}


@media all and (max-width: 1140px) {
    .navwrap {
        width: 98%;
    }
    .tekst {
        width: 285px;
    }
    .foto {
        width: 285px;
    }
    .foto img {
        height: 400px;
    }
    .mapwrap {
        height: 165px;
    }
    .contactinfo {
        width: 100%;
    }
    #portfolio .ulWrap {
        width: 100%;
    }
    .kolomA {
        width: 28.5%;
    }

    .kolomB {
        width: 35%;
    }

    .kolomC {
        width: 21.9%;
    }
    #portfolio ul {
        margin:  0 2%;
    }
    #portfolio ul li {
        margin: 15px 0;
    }
    .container p {
        font-size: 17pt;
    }
    .illustratiewrap {
        padding: 15px 15px 0 15px;
    }
}

@media all and (max-width: 1124px) {
    h5 {
        width: 520px;
    }
    h4 {
       font-size: 40pt; 
    }
}


@media all and (max-width: 900px) {
    .welkom img {
        margin: 30px 0;
        width: 550px;
    }
    h1 {
        font-size: 22pt; 
    }
    .homewrap {
        margin: 35px 0 0 0;
    }
    p.home {
        width: 90%;
        margin: 0;
        padding: 25px 5%;
    }
    .container p {
        font-size: 15pt;
    }
}

@media all and (max-width: 800px) {
    .container p {
        font-size: 13pt;
    }
}


@media all and (max-width: 700px) {

    .welkom img {
        margin: 25px 0;
        width: 450px;
    }
/*
    #portfolio, #home, #contact {
        height: 645px;
    }
*/
    .homewrap {
        margin: 30px 0 0 0;
    }
    h1 {
        font-size: 19pt; 
    }
    p {
        font-size: 12pt;
    }
    
    .tekst {
        width: 90%;
        padding: 25px 5%;
        display: block;
    }

    .contactinfo {
        width: 100%;
        text-align: center;
    }
    
    .tussenkopje {
        font-size: 15pt;
        text-decoration: none!important;
    }
    p.tekst {
        margin: 1%;
        width: 98%;
    }
    p.foto {
        margin: 1%;
        width: 98%;
    }
    .popup {
        margin: 5% auto;
        width: 80%;
        height: 70%;
    }
    .container p {
        font-size: 11pt;
    }
}

@media all and (max-width: 600px) {
    .regularmenu {
        display: none;
    }
    .minimenu {
        display: inline-block;
        float: right;
    }
    .kolomA {
        width: 92%;
    }

    .kolomB {
        width: 92%;
    }

    .kolomC {
        width: 92%;
    }
    #portfolio ul {
        margin:  0 4%;
    }
    #portfolio ul li {
        margin: 12.5px 0;
    }
    .container p {
        font-size: 14pt;
    }
    .illustratiewrap {
        width: 90%;
        padding: 0 5% 0 5%;
    }
    .illustratiewrap img {
        width: auto;
        max-width: 100%;
    }
    .portfoliotekst {
        padding: 10px 0;
    }
    .portfoliotekst p {
        width: 90%;
        padding: 0 5%;
    }
    h5 {
        width: 90%;
        padding: 0 5%;
    }
}
/*
@media all and (max-width: 580px) {
    
}
@media all and (max-width: 570px) {
    
}
*/


@media all and (max-width: 500px) {
    .welkom img {
        margin: 20px 0;
        width: 320px;
    }
    .homewrap {
        margin: 20px 0 0 0;
    }
    h1 {
        font-size: 14pt; 
    }
    p, .portfoliotekst p, .tekst p {
        font-size: 11pt;
    }
    h4 {
       font-size: 35pt; 
    }
    .popup {
        border: none;
        margin: 0;
        padding: 10%;
        height: 100%;
        border-radius: 0px;
    }
    p.home {
        padding: 15px 5%;
    }
}

@media all and (max-width: 430px) {
    h2 {
        display: none;
    }
}

@media all and (max-width: 354px) {
    .foto img {
        width: 100%;
        height: auto;
    }
    .foto {
        width: 88%;
        padding: 25px 6%;
    }    

}

@media all and (max-width: 350px) {
    .welkom img {
        margin: 15px 0;
        width: 220px;
    }
    .homewrap {
        margin: 15px 0 0 0;
    }
    h4 {
       font-size: 30pt; 
    }
/*
    #portfolio, #home, #contact {
        height: 665px;
    }
*/    

}

@media all and (max-width: 240px) {
    .welkom img {
        width: 92%;
    }
}

@media all and (max-width: 220px) {
    .menulogo {
        display: none;
    }
}