/* (tablets, 768px and up) */
@media (min-width: 768px) {
/* -------------------- NAV  --------------------*/    
nav.navbarreus a {
    font-weight: 700;
    text-shadow:    0 0 5px rgba(0,0,0,1), 
                    0 0 2px rgba(0,0,0,0.4);
    color: #FFF;}

     nav.navbarreus.navscrolled a{
         font-weight: 600;
         color: #000;
        text-shadow: none!important;}
    
    .dropdown-menu a{
        text-shadow: none!important;}
    
.home header, .vvp header{
    width: 100%;}
    
    .vvp #slider{
        height: 40vh;}
    
.headerbtns {
    flex-direction: row;
    margin: 5vw 5vw 0 5vw;}
   
.headerbtns .leesmeer + .leesmeer{
    justify-content: center;
    margin-left: 15px;
    margin-top: 0;}    
    
.mhintro {
    margin: 5vw 5vw 0vw 5vw;}  
    
.main {
    width: calc(100%);}  
    
.vvp .main:before {
    left: 0;
    top:-5vw;
    width: calc(100%);}
    
.vvp .eicontainer {
    width: 100%;}    
    
.mhquote {
    width: calc(100% - 20vw);
    margin: 0 10vw 0 10vw;}    

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