*{box-sizing: border-box;}
body{margin: 0;}

#Begin{display: grid;
grid-template-columns: 25% 25% 25% 25%;}

#begin section {
grid-column-start: 1;
grid-column-end: 2;}

#mainImg{background-color: navy;}

#mainImg img{width: 100%;}

#Begin header{grid-column-start: 2;
grid-column-end: 5;
background-color: navy;}

#hoofdpaginaHeader h1{
margin-top: 0;
margin-bottom: 0;
font-size: 75px;
color: lightgreen;
text-align: center;
position: center;
top: 50px;
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

#hoofdpaginaHeader p{color: lightgreen;
text-align: center;
width: 80%;
margin-left: 11%;}

#hoofdP{display: block;}

#mainFigure{margin: 0;}

#hoofdpaginaMain{width: 100%;
background-color: navy ;
margin: 0;}

figure img{width: 25%;}

figure{text-align: center;}

footer{
margin: 0;
padding-bottom: 10px;
background-color: lightgreen;
}

footer h3{margin-left: 20px;}

footer p{margin-left: 20px;}

#mainDier section{
    margin: 20px;
    background-color: #c2b25a;
    overflow: hidden;
}

#dierArticle h2{
    text-align: center;
    width: 65%;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
}

#dierArticle p{
    width: 65%;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
}

#sectionDier img {
    width: 30%;
    float: left;
    margin: 20px;
}
#mainDier{
    overflow: hidden;
}
#mainDier{background-color: black;}

#dierArticle h2{float: left;
    color: black;}

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

nav > a:nth-child(1){
display: block;
font-size: 30px; 
padding-left: 10px;
text-decoration: none;
background-color: #002a58;
}


*{box-sizing: border-box;}
body{margin: 0;}
#Begin{display: grid;
grid-template-columns: 33% 33% 33%;}

#begin section {
grid-column-start: 1;
grid-column-end: 2;}

#mainImg{background-color: navy;}

#mainImg img{width: 100%;}

#Begin header{
background-color: navy;}

#hoofdpaginaHeader h1{
font-size: 45px;
line-height: 60px;
color: lightgreen;
top: 50px;
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
grid-column-start: 2;
grid-column-end: 4;
}

#hoofdpaginaHeader p{display: block;
grid-column-start: 1;
grid-column-end: 4;
color: lightgreen;
text-align: center;}

#mainFigure{margin: 0;}

#hoofdpaginaMain{width: 100%;
background-color: navy ;
margin: 0;}

footer{margin: 0;}

figure img{width: 25%;}

figure{text-align: center;}

footer{background-color: lightgreen;}
}

#mainDier section{
    margin: 20px;
    background-color: #c2b25a;
    overflow: hidden;
}

#dierArticle h2{
    text-align: center;
    width: 65%;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
}

#dierArticle p{
    width: 65%;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
}

#sectionDier img {
    width: 30%;
    float: left;
    margin: 20px;
}
#mainDier{
    overflow: hidden;
}
#mainDier{background-color: black;}

#dierArticle h2{float: left;
    color: black;}