/* X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {}


/* X-Large devices (large desktops, 1200px and down) */

@media (min-width: 1200px) {
    .btn-devis-xl {
        font-size: 2.5rem;
    }

    .splash-xl {
        width: 350px;
    }

    .text-xl-left {
        text-align: left!important;
    }

    .bg-overlay{
        width:50%;
    }

    .logo-rond {
        width:20%;
    }

    .masonry {
        column-count: 2;
    }

    .text-cinqplus {
        font-size: 2rem;
    }

    .cinq-plus {
        justify-content: space-between;
    }

    .w-xl-50 {
        width: 50%!important;
    }

    .w-xl-75 {
        width: 75%!important;
    }

    .fs-xl-5 {
        font-size: 20px!important;
    }

    .masonry-galerie-prod {
        column-count: 4;
    }
}


/* XX-Large devices (larger desktops, 1400px and down) */

@media (max-width: 1400px) {}