* {
box-sizing: border-box;
}

body {
font-family: "Noto Serif Display",serif;
font-size: 17px;
}

.grid-container {
display: grid;
grid-template-areas:
'menu'
'header'
'main'
'content'
'footer';
background-color: #2B2B2B;
gap: 10px;
}

.menu {
grid-area: menu;
}

.menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.menu li {
padding: 8px;
margin-bottom: 7px;
background-color: #2B2B2B;
color: #ffffff;
}

.menu li:hover {
background-color: #847366;
}

.header {
    grid-area: header;
    background-color: #2B2B2B;
    text-align: center;
    color: #ffffff;
}

.header>h1 {
    font-size: 40px;
}

.content {
grid-area: main;
}

.content>h1 {
grid-area: header;
background-color: #2B2B2B;
text-align: center;
font-family: "Noto Serif Display", serif;
color: #D4CDC8;
font-size: 20pt;
margin-bottom: 7px;

}

.content>h2 {
grid-area: header;
font-family: "Noto Serif Display", serif;
color: #D4CDC8;
font-size: 18pt;
margin-bottom: 7px;
text-align: 'center'
}

.content>h3 {
grid-area: header;
font-family: "Noto Serif Display", serif;
color: #D4CDC8;
font-size: 15pt;
margin-bottom: 7px;
text-align: 'center'
}


.content>p {
margin-bottom: 7px;
font-family: "Arapey", serif;
color: #847366;
font-size: 12pt;
text-align: 'center'
    }

.footer {
grid-area: footer;
background-color: #847366;
color: #D4CDC8;
text-align: center;
}



    




#huispaginaclip
{
width: device-width;
height: auto;
    
}
   
 


#Merk {
grid-area: footer;
content:icon;
width: 800vw;
height: auto;
object-fit: scale-down;
object-position: 50%;
max-width: 50000vw;
max-height: auto;
image-orientation: center;
}

#21
{
grid-area: footer;
content: icon;
width: 200vw;
height: auto;
object-fit: scale-down;
object-position: 20%;
max-width: 50000vw;
max-height: auto;
    }

#22
{
grid-area: footer;
content: icon;
width: 200vw;
height: auto;
object-fit: scale-down;
object-position: 50%;
max-width: 50000vw;
max-height: auto;
}

#23
{
grid-area: footer;
content: icon;
width: 200vw;
height: auto;
object-fit: scale-down;
object-position: 70%;
max-width: 50000vw;
max-height: auto;
}

.h1 {
    display: inline-block !important;
}

.h2 {
    display: inline-block !important;
}

.p {
    display: inline-block !important;

    .noto-serif-display-<uniquifier> {
            font-family: "Noto Serif Display", serif;
            font-optical-sizing: auto;
            font-weight: <weight>;
            font-style: normal;
            font-variation-settings:
                "wdth"100;
        }
    }
    
    .arapey-regular {
        font-family: "Arapey", serif;
        font-weight: 400;
        font-style: normal;
    }
    
    .arapey-regular-italic {
        font-family: "Arapey", serif;
        font-weight: 400;
        font-style: italic;
    }