@charset "utf-8";



/***************************************/
/*                                     */
/*         V O O R   A L L E S         */
/*                                     */
/*             vanaf  768px            */
/*                                     */
/***************************************/

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

    
    /********* A L G E M E E N *********/ 
    
    p,b,i,li,a {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #000;
        font-size: 1.3vw;
        text-decoration: none;
        list-style: none;
    }
    b {
        font-weight: 800;
    }
    i {
        font-style: italic;
    }
    h1 {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #000;
        font-size: 3vw;
        text-decoration: none;
        list-style: none;
    }
    h2,h3,h4,h5 {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #000;
        font-size: 1.87vw;
        text-decoration: none;
        list-style: none;
    }
    
    
    
    
    /********* H E A D E R *********/ 

    #foon {
        display: none;
    }

    
    
    /********* F O O T E R *********/ 
    
    footer h2 {
        text-transform: uppercase;
        font-size: 1vw;
    }
    footer h2,
    footer li,
    footer p,
    footer a,
    footer b {
        color: #fff;
        font-size: 1vw;
        font-weight: normal;
        line-height: 1.5;
    }
}





/***************************************/
/*                                     */
/*  V O O R   M O B I E L  (PORTRAIT)  */
/*                                     */
/*              tm  767px              */
/*                                     */
/***************************************/

@media (max-width: 767px) and (orientation: portrait) {


    
    
    /********* A L G E M E E N *********/ 
    
    p,b,i,li,a {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #000;
        font-size: 3.5vw;
        text-decoration: none;
        list-style: none;
    }
    b {
        font-weight: 800;
    }
    i {
        font-style: italic;
    }
    h1 {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #000;
        font-size: 6vw;
        text-decoration: none;
        list-style: none;
    }
    h2,h3,h4,h5 {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #000;
        font-size: 1.87vw;
        text-decoration: none;
        list-style: none;
    }
    
    
    
    
    /********* H E A D E R *********/ 
    
    #menu a {
        font-size: 1.2vw;
    }
    #foon {
        display: block;
        position: fixed;
    }
    .fa-phone-alt {
        position: fixed;
        font-size: 4vw;
        width: 6vw;
        height: 6vw;
        text-align: center;
        color: rgba(255,255,255,0.8);
        padding: 1vw;
        border-radius: 0 1vw 1vw 0;
        background-color: rgba(40,56,146,0.8);
        box-shadow: 0 0 10px rgba(173,182,233,0.8);
        left: 0px;
        margin-top: 3vw;
    }

    
    
    
    /********* M A I N *********/ 
    
    
    /** home **/ 
    #welkom {
        text-align: center;
    }
    
    
    /** nieuws **/ 
    #niet_te_zien p {
        text-align: center;
        margin-top: 6vw;
    }
    #niet_te_zien a {
        font-size: 4vw;
        color: #000
    }


    
    
    
    /********* F O O T E R *********/ 
    
    footer h2 {
        text-transform: uppercase;
        font-size: 1vw;
    }
    footer h2,
    footer li,
    footer p,
    footer a,
    footer b {
        color: #EBECEC;
        font-size: 3vw;
        font-weight: normal;
    }
    #menufooter1 li a {
        color: #283892;
        font-size: 6vw;
        font-weight: normal;
        line-height: 7vw;        
    }
    .fa-times, .fa-bars {
        display: block;
        font-size: 6vw;
        width: 9.5vw;
        height: 10vw;
        text-align: center;
        padding-top: 2vw;
        color: #fff;
        font-weight: normal;
    }
    #menublockx h1 {
        display: block;
        position: absolute;
        font-size: 8vw;
        bottom: 14vw;
        color: white;
        text-shadow: 2px 2px 4px #000000;
        -webkit-transform: rotate(-90deg); 
        -moz-transform: rotate(-90deg);     
        transform: rotate(-90deg);
    }
    #menublockx ul {
        padding: 0;
        margin: 0;
        width: 60vw;
        margin-left: auto;
        margin-right: auto;
    }
    #menublockx li {
        font-size: 2.5vh;
        color: #fff;
        padding: 0 0 7vw 0;
    }
}







/***************************************/
/*                                     */
/*  V O O R   M O B I E L  (LANDSCAPE) */
/*                                     */
/*              tm  767px              */
/*                                     */
/***************************************/

@media (max-width: 767px) and (orientation: landscape) {


    
    
    /********* A L G E M E E N *********/ 
    
    p,b,i,li,a {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #000;
        font-size: 3.5vw;
        text-decoration: none;
        list-style: none;
    }
    b {
        font-weight: 800;
    }
    i {
        font-style: italic;
    }
    h1 {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #000;
        font-size: 6vw;
        text-decoration: none;
        list-style: none;
    }
    h2,h3,h4,h5 {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #000;
        font-size: 1.87vw;
        text-decoration: none;
        list-style: none;
    }
    
    
    
    
    /********* H E A D E R *********/ 
    
    #menu a {
        font-size: 1.2vw;
    }
    #foon {
        display: block;
        position: fixed;
    }
    .fa-phone-alt {
        position: fixed;
        font-size: 3vw;
        width: 5vw;
        height: 5vw;
        text-align: center;
        color: rgba(255,255,255,0.8);
        padding: 1vw;
        border-radius: 0 1vw 1vw 0;
        background-color: rgba(40,56,146,0.8);
        box-shadow: 0 0 10px rgba(173,182,233,0.8);
        left: 0px;
    }

    
    
    
    /********* M A I N *********/ 
    
    
    /** home **/ 
    #welkom {
        text-align: center;
    }
    
    
    /** nieuws **/ 
    #niet_te_zien p {
        text-align: center;
    }
    #niet_te_zien a {
        font-size: 4vw;
        color: #000
    }


    
    
    
    /********* F O O T E R *********/ 
    
    footer h2 {
        text-transform: uppercase;
        font-size: 1vw;
    }
    footer h2,
    footer li,
    footer p,
    footer a,
    footer b {
        color: #EBECEC;
        font-size: 1.8vw;
        font-weight: normal;
    }
    #menufooter1 li a {
        color: #283892;
        font-size: 4vw;
        font-weight: normal;       
    }
    .fa-times, .fa-bars {
        display: block;
        font-size: 4vw;
        width: 4.5vw;
        height: 10vw;
        text-align: center;
        padding-top: 1vw;
        color: #fff;
        font-weight: normal;
    }
    #menublockx h1 {
        display: block;
        position: absolute;
        font-size: 5vw;
        bottom: 14vw;
        color: white;
        text-shadow: 2px 2px 4px #000000;
        -webkit-transform: rotate(-90deg); 
        -moz-transform: rotate(-90deg);     
        transform: rotate(-90deg);
    }
    #menublockx ul {
        padding: 0;
        margin: 0;
        width: 60vw;
        margin-left: auto;
        margin-right: auto;
    }
    #menublockx li {
        font-size: 2.5vw;
        color: #fff;
        padding: 0 0 3vw 0;
    }
}