@media screen and (min-width:2560px) {
    .bg-hero {

        min-height: 65vh;
    }

}

@media (max-width: 991px) {

    body {
        padding-top: 0px !important;
    }

    .bg-hero {
        background: #f8f9f9;
        padding: 15px 0px !important;
    }

    .custom-nav {
        position: initial;
    }

    .certif-btn {
        text-align: center;
        margin-bottom: 50px;
    }

    .sos-img {
        width: 70%;
    }

    .form-holder [class*="col-"] {
        margin-bottom: 5px;
    }

    .inv .elt {
        display: flex;
        flex-wrap: wrap-reverse;
        justify-content: center;
        text-align: center;
    }

    .inv p {
        text-align: center;
    }
    
}


/*tablette*/

@media (min-width: 768px) and (max-width: 991px) {
    .clr-bth {
        margin-bottom: auto;
    }

    [class*="col-"] {
        margin-bottom: 15px;
    }

    .lg-align {
        text-align: center;
    }

    .valign-abs-txt-nav {
        position: relative;
        clear: both;
        margin-bottom: 15px;
    }

    .no-mrg {
        margin-bottom: 0;
    }

    .about-intro-text {
        padding: 50px;
        -webkit-box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.1);
        background-color: #fff;
    }

    .txt-aligner {
        text-align: center;
    }

    .elt {
        display: block;
    }

    .a-right {
        text-align: center;
        margin: 0 auto;
    }
}


/*@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}*/


/* smartphone */

@media (max-width: 767px) {

    .box-style [class*="col-"],
    .light-grey [class*="col-"],
    .sos-white [class*="col-"]{
        margin-bottom: 15px;
    }


   .light-grey .elt {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

 
    

    .bg-hero {
        padding-top: 0px !important;
    }

    .acc h1,
    .acc i {
        font-size: 1.8rem;
    }

    .hero-txt {
        padding: 0px;
    }

    .acc * {

        text-align: center;
    }

    .acc {
        border-radius: 0px;
        background-color: rgba(32,32,32,1);
    }

    .av,
    .dark-bg h1 {
        font-size: 2.5rem;
    }

    .sos-img {
        width: 100%;
    }

    .sub {
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .big-tt {

        font-size: 50px;
    }

    .sub-tt {
        font-size: 30px;
    }

    .a-right {
        text-align: center;
        margin: 0 auto;
    }

    .elt {
        display: block;
    }



    .no-mrg {
        margin-bottom: 0 !important;
    }

    .clr-bth {
        margin-bottom: auto;
    }



    .square-box {
        height: auto !important;
    }


}