/* ############################################## */
/* ############################################## */
/* ZONE 1  > 1570
/* ############################################## */
/* ############################################## */
@media screen and (min-width: 1570px) {

}
/* ############################################## */
/* ############################################## */
/* ZONE 2 ENTRE 1200 ET 1569
/* ############################################## */
/* ############################################## */
@media screen and (min-width: 1200px) and (max-width: 1569px) {

    .welcomeTitleContainer_smallScreen {
        font-size: 40px;
    }
    .welcomeTitleContainer{
        font-size: 40px;
    }
}
/* ############################################## */
/* ############################################## */
/* ZONE 3 ENTRE 1025 ET 1199
/* ############################################## */
/* ############################################## */
@media screen and (min-width: 1025px) and (max-width: 1199px){

    .welcomeTitleContainer_smallScreen {
        font-size: 40px;
    }
    .welcomeTitleContainer{
        font-size: 30px;
    }
    .welcomeHamburgerMenuContainer{
        font-size:30px;
    }
}
/* ############################################## */
/* ############################################## */
/* ZONE 4 ENTRE 962 ET 1024
/* ############################################## */
/* ############################################## */
@media screen and (min-width: 962px) and (max-width: 1024px) {
    /*body{*/
        /*background-image: none;*/
    /*}*/
    .welcomeTitleContainer_smallScreen {
        font-size: 40px;
    }
    .welcomeTitleContainer{
        display:none;
    }
    .welcomeHamburgerMenuContainer {
        display:none;
    }
    .colContact{
        margin-top:70px;
    }
    .welcomeGlyphiconHamburger{
        margin-top:-3px;
    }
    .welcomeHamburgerMenuContainer{
        font-size:20px;
        margin-top:2px;
    }
    .smartphoneLogoContainer{
        margin-top:5px;
    }
 }
/* ############################################## */
/* ############################################## */
/* ZONE 5 ENTRE 600 ET 961
/* ############################################## */
/* ############################################## */
@media screen and (min-width: 600px) and (max-width: 961px) {
    body{
        background-image: none;
    }
    .welcomeTitleContainer_smallScreen {
        font-size: 30px;
    }
    .welcomeTitleContainer{
        display:none
    }
    .welcomeHamburgerMenuContainer{
        display:none;
    }
    .colContact{
        margin-top:70px;
    }
    .welcomeCommand{
        font-size:18px;
    }
    h2.welcome{
        font-size:30px;
    }
    .welcomeGlyphiconHamburger{
        margin-top:-3px;
    }
    .welcomeHamburgerMenuContainer{
        font-size:20px;
        margin-top:2px;
    }
    .smartphoneLogoContainer{
        margin-top:5px;
    }
}
/* ############################################## */
/* ############################################## */
/* ZONE 6 < 599
/* ############################################## */
/* ############################################## */
@media screen and (max-width: 599px) {
    body{
        background-image: none;
    }
    .welcomeTitleContainer_smallScreen {
        font-size: 30px;
    }
    .welcomeTitleContainer{
        display:none
    }
    .welcomeHamburgerMenuContainer{
        display:none;
    }
    .colContact{
        margin-top:70px;
    }
    .welcomeCommand{
        font-size:18px;
    }
    h2.welcome{
        font-size:30px;
    }
    .carousel.listing.col2,
    .carousel.listing.col1{
        width:100%;
    }
    .carousel.listing.col2{
        margin-top:30px
    }
    .welcomeButton{
        margin-top:7px;
    }
    .welcomeGlyphiconHamburger{
        margin-top:-3px;
    }
    .welcomeHamburgerMenuContainer{
        font-size:20px;
        margin-top:2px;
    }
    .smartphoneLogoContainer{
        margin-top:5px;
    }
    ul.mainNav li {
        font-size:16px;
    }
    ul.mainNav li {
        width: 90%;
        padding: 10px 5% 10px 5%;
    }
    .trigger{
        right:2%;
    }
}
@media screen and (max-height: 480px) {
    body{
        background-image: none;
    }
    .welcomeTitleContainer_smallScreen {
        font-size: 16px;
    }
    .welcomeTitleContainer{
        display:none
    }
    .welcomeHamburgerMenuContainer{
        display:none;
    }
    .colContact{
        margin-top:70px;
    }
    .welcomeCommand{
        font-size:18px;
    }
    h2.welcome{
        font-size:30px;
    }
    .carousel.listing.col2,
    .carousel.listing.col1{
        width:100%;
    }
    .carousel.listing.col2{
        margin-top:30px
    }
    .welcomeButton{
        margin-top:7px;
    }
    .welcomeGlyphiconHamburger{
       margin-top:-3px;
    }
    .welcomeHamburgerMenuContainer{
        font-size:20px;
        margin-top:2px;
    }
    .smartphoneLogoContainer{
        margin-top:5px;
    }
    ul.mainNav li {
        font-size:16px;
    }
    ul.mainNav li {
        width: 90%;
        padding: 10px 5% 10px 5%;
    }
}