@charset "utf-8";
* {margin: 0px;padding: 0px;}




/***************************************/
/*                                     */
/*         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 **/

    #welkom,
    #stucadoorsbedrijf_moolenkamp,
    #fotogallery,
    #nieuws,
    #contact {
        width: 85vw;
        margin-left: 7.5vw;
        margin-top: 33vw;
        text-align: center;
    }


    /** H O M E **/ 

    #welkom h1,
    #stucadoorsbedrijf_moolenkamp h1,
    #fotogallery h1,
    #nieuws h1,
    #contact h1 {
        padding: 4vw 0;
    }
    #welkom p,
    #stucadoorsbedrijf_moolenkamp p,
    #nieuws p,
    #contact p {
        padding: 0 0 1.5vw 0;
        line-height: 1.5;
    }
    #slider {
        position: absolute;
        background-color: #283892;
        width: 100vw;
        height: 12vw;
        top: 82px;
    }
    

    /** F O T O G A L L E R Y **/ 
    
    #fotogallery img {
        width: 26vw;
        height: 47vw;
        margin: 1vw;
    }    
    

    /** N I E U W S **/ 

    #niet_te_zien {
        display: none;
    }
    .fb-page {
        width: 35vw;
        margin: 1vw 20vw;
    }
    
}






/***************************************/
/*                                     */
/*  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 **/

    #welkom,
    #stucadoorsbedrijf_moolenkamp,
    #fotogallery,
    #nieuws,
    #contact {
        width: 85vw;
        margin-left: 7.5vw;
        margin-top: 33vw;
        text-align: center;
    }


    /** H O M E **/ 

    #welkom h1,
    #stucadoorsbedrijf_moolenkamp h1,
    #fotogallery h1,
    #nieuws h1,
    #contact h1 {
        padding: 4vw 0;
    }
    #welkom p,
    #stucadoorsbedrijf_moolenkamp p,
    #nieuws p,
    #contact p {
        padding: 4.5vw 0;
        line-height: 1.5;
    }
    #slider {
        position: absolute;
        width: 100vw;
        top: 64px;
    }
    

    /** F O T O G A L L E R Y **/ 
    
    #fotogallery img {
        width: 77vw;
        height: auto;
        margin: 0 0 10vw 0;
    }    
    

    /** N I E U W S **/ 

    .fb-page {
        display: none;
    }
    
}









/***************************************/
/*                                     */
/*  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 **/

    #welkom,
    #stucadoorsbedrijf_moolenkamp,
    #fotogallery,
    #nieuws,
    #contact {
        width: 85vw;
        margin-left: 7.5vw;
        margin-top: 19vw;
        text-align: center;
    }


    /** H O M E **/ 

    #welkom h1,
    #stucadoorsbedrijf_moolenkamp h1,
    #fotogallery h1,
    #nieuws h1,
    #contact h1 {
        padding: 4vw 0;
    }
    #welkom p,
    #stucadoorsbedrijf_moolenkamp p,
    #nieuws p,
    #contact p {
        padding: 2.5vw 0;
        line-height: 1.5;
    }
    #slider {
        position: absolute;
        width: 100vw;
    }
    

    /** F O T O G A L L E R Y **/ 
    
    #fotogallery img {
        width: 35vw;
        height: auto;
        margin: 2vw 2vw 10vw 2vw;
    }    
    

    /** N I E U W S **/ 

    .fb-page {
        display: none;
    }
    
}