@media (max-width: 1150px){


    #footer .bonhomme{
        position: absolute;
        max-width: 656px !important;
        width: 60vw;
        bottom: 170px;
        left: auto;
        right: 0;
        transform: translateX(0%);

    }

    #footer.with_homme .ronds_classique{
        margin-bottom: 20vw;
    }

}

@media (max-width: 800px){

    #footer .bonhomme{
       display: none;

    }

}

@media (max-width: 700px){
    * {
        font-size: 18px;
    }

    /*#footer{*/
    /*    font-size: 18px;*/
    /*}*/
}
@media (max-width: 500px){

    #footer {
        grid-template-columns: 1fr;
    }

    #footer .ronds_classique, #copyright{
        grid-area: 1 span / 1 span;
    }

    #footer .infos_footer{
        margin-top: 20px;
    }
}