/******************* lg *******************/

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

/******************* md *******************/

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




/******************* sm *******************/

@media (min-width: 768px) and (max-width: 991px) {

    h2 {
        font-size:22px;
    }
    .personnages {
        margin-bottom: 20px;
    }
    .scroll-up {
        display: none !important;
    }
}

/******************* xs *******************/

@media (max-width: 767px) {

    .logo {
        padding-bottom: 20px;
    }
    .titre-nav {
        display: none;
    }
    
    .bg {
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100vh;
        background: linear-gradient(to bottom right, #192f81, #626d96, #223889, #384880, #192f81);
        background-repeat: no-repeat;
        background-size: 1000% 1000%;
        animation: gradient 20s ease infinite;
    }
    @keyframes gradient {
        0% {
            background-position: 0% 0%
        }
        50% {
            background-position: 100% 100%
        }
        100% {
            background-position: 0% 0%
        }
    }
    .frame-1 {
        color: #66cccc !important;
    }
    .personnages {
        margin-bottom: 20px;
    }
    .st-pricing {
        box-shadow:none;
    }
    .fond-hachures {
        background: linear-gradient(-45deg, #bfc4d3 2.5%, #fff 2.5%, #fff 47.5%, #bfc4d3 47.5%, #bfc4d3 52.5%, #fff 52.5%, #fff 97.5%, #bfc4d3 97.5%);
        background-size: 6px 6px;
        background-position: 50px 50px;
    }
    .scroll-up {
        display: none !important;
    }
    .footer-social-icons {
        text-align: center;
        margin-bottom: 15px;
    }
    .copyright {
        text-align: center;
    }

}

/****************** XS Portrait ****************/

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