:root {
    
    /*--donker-groen: #104D4F;*/
	--donker-groen: #407274;
    /*--licht-blauw: #E5F0F6;*/
    --licht-blauw: #d1e1e5;
    --body-background: #F5F8F8;
	/*--body-background: #D2D0C4;*/
    --grijs: #333333;
    /*--geel: #f7e29d;*/
	--geel: #EFE091;
    /*--roze: #F4B2AB;*/
    --roze: #F7C4BF;
    --blauw: #8CADAE;
    
    /* ANIMATIE */
    --snelheid: 0.2s;
}


header {
    background-color: var(--donker-groen);
    color: #FFFFFF;
}

.logos {
    background-image: url(../images/LOGOnew-light.png);
}

header nav a {
    color: white;
}

header nav .sub-nav a:link,
header nav .sub-nav a:visited,
header nav .sub-nav a:hover,
header nav .sub-nav a:active {
    color: #FFFFFF;
}

header nav .sub-nav {
    border-bottom: 3px dashed #295E60;
}

header #intro {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

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


    header #intro {
        margin-top: 160px;
    }


}

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


    header #intro {
        margin-top: 120px;
    }


}