/********************************************************/
/********************************************************/
/********************************************************/
/* --------------------- desktop ----------------------- */
/********************************************************/
/********************************************************/
/********************************************************/
@media screen and (min-width: 768px) 
{
    #header_container {
        position: fixed;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        z-index: 999;
        border-bottom:1px solid #000000;
        background-color:#ffffff;
    }

    #header {
        display:block;
        margin:0 auto;
        clear:both;
        width : 100%; max-width:1024px; 
        height:auto;
        overflow:visible;
    }

    
    #logo_box{
        display:block;
        float:left;
        clear:none;
        width :calc (25% - 10px); 
        height:100px;
        margin-left:10px;
    }

    #logo{
        display:block;
        float:left;
        clear:none;
        width :auto; 
        height:70px;
        padding-top:15px;
    }
    
    
}    
    
    
/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde desktop ------------------- */
/********************************************************/
/********************************************************/
/********************************************************/


/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ tussen maat --------------------- */
/********************************************************/
/********************************************************/
/********************************************************/



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


}  

/********************************************************/
/********************************************************/
/********************************************************/
/* -------------- einde tussen maat ------------------- */
/********************************************************/
/********************************************************/
/********************************************************/


/********************************************************/
/********************************************************/
/********************************************************/
/* --------------------- tablet ----------------------- */
/********************************************************/
/********************************************************/
/********************************************************/


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

    #header_container {
        width: 100%;
        height: 70px;
        overflow: hidden;
        top: 0;
        left: 0;
        z-index: 999;
        background-color:#ffffff;
        overflow:visible;
    }
    
    #header {
        display:block;
        margin:0 auto;
        clear:both;
        width : 100%; max-width:768px; 
        height:auto;
        overflow:visible;
    }

    
    #logo_box{
        position:absolute;
        display:block;
        float:left;
        clear:none;
        width :calc (25% - 10px); 
        height:70px;
        margin-left:10px;
        z-index:1000;
    }

    #logo{
        display:block;
        float:left;
        clear:none;
        width :auto; 
        height:50px;
        padding-top:10px;
    }
    


}


/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde tablet -------------------- */
/********************************************************/
/********************************************************/
/********************************************************/


/********************************************************/
/********************************************************/
/********************************************************/
/* --------------------- mobile ----------------------- */
/********************************************************/
/********************************************************/
/********************************************************/


@media screen and (min-width: 320px) and (max-width: 480px)
{


    
}


/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde mobiel -------------------- */
/********************************************************/
/********************************************************/
/********************************************************/