.selector:not(*:root) {}
@media screen and (min-width:0\0) {}

*{margin:0;Padding:0}

.carouselContainer img{
    max-height: 45rem;
}

.jumbotron{
    margin: 0;
}

.jumboGeneral{
    padding: 12rem;
    background-size: cover;
    background-image:url(../images/WerknemerC.jpeg);
    background-repeat: no-repeat;
    background-position: bottom;
    max-width: 60%;
    margin: auto;
}

.jumboIndexContainer{
    margin-top: 16rem;
    padding-top: 5rem;
}

.jumboIndexContainer h1{
    font-size: 550%;
}

.jumboContainerGeneral{
    margin-top: 5rem;
    color: white;
    text-align: right;
    padding-right: 4rem;
}

.jumboTitel{
    /*font-family: 'Merriweather Sans', sans-serif;*/
    font-family: 'Titillium Web', sans-serif;
    color: white;
    padding-top: 2rem;
}

.groenDesc img{
    max-height: 50rem;
}

/*INSCHUIFWONING*/
.jumboInschuif{
    margin-top: 5rem;
}

.imagePadding{
    margin-top: 0.5rem;
}

.inschuifContainer{
    margin: auto;
    width: 50%;
    padding-left: 8rem;
}

.fontSmall{
    font-size: 0.7rem;
}

/*NAVBAR*/
.bg-navbar{
    background-color: #de0622;
}

.navbar-collapse {
    background: #de0622;
}

/*INDEX*/
.indexContainer{
    margin: auto;
    padding-top: 4rem;
    background-color: white;
}

.indexIntro{
    margin-bottom: 5rem;
}

.buttonWerken{
    margin-top: 1rem;
}

.titelPadding{
    padding-top: 2rem;
}

.containerContent{
    margin: auto;
    width: 80%;
}

.abboContainer{
    margin: auto;
    width: 30%;
}

.abboDivision{
    margin: 2rem;
}

.abboImage{
    max-width: 8rem;
}

.containerProjectContent{
    margin: auto;
    width: 80%;
    text-align: center;
    padding-bottom: 4rem;
}

.bodemContainer{
    background-color: #f2f2f2;
}

#conceptLinks{
    padding-bottom: 2rem;
}


/*LEEBEDRIJF*/
.overOnsContainer{
    margin: auto;
    padding-top: 8rem;
}

.Bouwsysteem aangebodenContainer{
    margin-top: 5rem;
}

.jongenImage{
    margin-top: 2rem;
    max-width: 18rem;
}

/*CONTACT*/
.contactFormulierContainer{
    width: 45%;
    margin: auto;
}




#verstuurButton{
    margin-bottom: 2rem;
    margin-top: 1rem;
}

/*TEXT MARKUP*/
.centerText{
    text-align: center;
}

.headerTitel{
    font-family: 'Merriweather Sans', sans-serif;
}


/*MEDIA QUERIES*/
/* On screens that are 1400px or less */
@media screen and (max-width: 1400px) {
    /*body{*/
    /*    background-color: purple;*/
    /*}*/


    .carouselContainer{
        padding-top: 4rem;
    }

    /*INSCHUIF*/
    .inschuifContainer{
        margin: auto;
        width: 70%;
        padding-left: 1rem;
    }

}

/* On screens that are 992px or less */
@media screen and (max-width: 992px) {
    /*CONTACT*/
    .contactFormulierContainer{
        width: 70%;
        margin: auto;
    }


}

@media screen and (max-width: 600px) {
    /*body{*/
    /*    color: yellow;*/
    /*}*/

    .carouselContainer{
        padding-top: 4rem;
    }

    .buttonWerken{
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    /*ABBONEMENT*/
    .abboContainer{
        margin: auto;
        width: 90%;
    }

    /*INSCHUIF*/
    .inschuifContainer{
        margin: auto;
        width: 100%;
        padding-left: 1rem;
    }

    /*CONTACT*/
    .contactFormulierContainer{
        width: 80%;
        margin: auto;
    }


}