@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;1,100;1,200;1,300;1,500&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400&display=swap');

*{
    margin:0;
    padding:0;
    font-family: 'Roboto', sans-serif;
}

:root {
    --col1: #b8a509;
    --col2: #9b3654;
    --col3: #9b3654;
    --col4: #b5a537;
    --col5: #fcef62;
    --col6: #c65a2f;
    --bg: #dbdce0;
}

img{
    max-width:100%;
}

/*
font-family: 'Fira Sans Condensed', sans-serif;
font-family: 'Roboto', sans-serif;
*/

body{
    background-color:var(--bg);
}

#home{
    background-image:url(../images/home.jpg);
    background-size:cover;
    background-position:center right;
}

#home nav {
    font-variant: small-caps;
    position:fixed;
    left:6vw;
    bottom:6vw;
    font-size:1.1rem;
}

#home nav a {
    text-decoration: none;
    color:var(--col2);
}

#home nav a:hover {
    background: white;
}

#home nav span{
    color:var(--col1);
}

.name{
    color:var(--col3) !important;
}

main{
    width:80vw;
    max-width:1500px;
    margin:auto;
}  


main section{
    display:flex;
    min-height:100vh;
}

main section article{
    flex: 1 0 0;
    padding-top:30px;
    display:flex;
    flex-direction:column;
    align-items: center;
}

main section article a{
    color:var(--col6);
    text-decoration:none;
    text-transform: uppercase;
    padding:4px;
    text-align:center;
    display:block;
}

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



main section div:nth-child(1){
    background-color:white;
    min-height:300px;
    width:100%;
}

main section div.h{
   height:70vh;
}

main section div:nth-child(2){
    flex: 1 1 0;
    width:100%;
    background-image:url(../images/wfbg.jpg);
    background-repeat: no-repeat;
    background-position: center 4vh;
    background-size:100%;
}


main section div p img{
    max-height:180px;
    width:100%;
    object-fit:contain;
    border:1px solid var(--col1);
    margin:auto;
}

.fullw{
    max-height:60vh;
}

.center{
    text-align:center;
    display:block;
}

i{
    font-size:0.8rem;
}

main section div p{
    padding:2.3vw;
    height: 80%;
    display:flex;
    font-size:1.1rem;
    line-height:1.4rem;
    overflow:auto;
}


.cols{
    flex-direction:column;
}

.cols a{
    padding:0;
    margin:0;
    display:inline-block !important;
}

main section figure{
    width:100%;
    overflow:hidden;
    margin-top:4vh;
}

main section article:nth-child(1){
    background-color:var(--col5);
}

main section article:nth-child(2){
    background-color:var(--col4);
}

main section article:nth-child(3){
    background-color:var(--col6);
}

main section article:nth-child(4){
    background-color:var(--col2);
}

.cookies{
    display:block;
}

.cookies *{
    padding-bottom:13px;
}

footer{
    text-align:center;
    padding:4vw;
    color:var(--col1);
}

footer a{
    color:var(--col1);
    text-decoration:none;
}


@media (max-width:960px){
    /*hier noteer je de uitzonderingsregels*/
    main{
        width:95vw;
    }

    main section{
       display:block;
    }
}