/* (desktops, 992px and up) */
@media (min-width: 992px) {
/* -------------------- NAV  --------------------*/    
 nav.navbarreus a {
    font-weight: 600;
    text-shadow:none;
    color: #264C59;}
    
.home header{
    width: calc(50% - 2.5vw);}
    
.vvp header{
    width: calc(50%);}    
    
.headerbtns {
    flex-direction: column;
    margin: 5vw 10vw 0 5vw;}

 .headerbtns .leesmeer + .leesmeer {
    justify-content:flex-start;
    margin-left: 0;
    margin-top: 15px;}   
    
.mhintro {
    margin: 10vw 10vw 0vw 5vw;}  
    
.vvp #slider{
    height: auto}
     
.main {
    width: calc(50% - 2.5vw);}
    
.vvp .main {
    width: calc(50%);}
    
    .vvp .main:before {
        left: -45vw;
        top: 20vw;
        width: calc(100% + 40vw);}  

.vvp .eicontainer {
    width: 90%;}
    
.mhquote {
    width: 70%;
    margin: 0 10vw 0 0vw;} 

.blok{
    margin: 3vw;
    width:calc(100% / 3 - 6vw);}
    
.vvp .mhintro {
    padding-left: 10vw;
    margin: 10vw 10vw 0vw -5vw;}
    
}