@media (max-width: 576px)
{
    html{
        min-width: 100%;
    }
    body{
        min-width: 100%;
    }
    /* Rédigez vos propriétés CSS ici */
    #link {
        flex-direction: column!important;
    }
    footer{
        flex-direction: column!important;
    }
    
    footer > div:first-child {
        width: 100%;
        align-items: center;
    }
    footer > div:first-child > p {
        text-align: center!important;
        margin-bottom: 0.7em!important;
        padding: 0 1em;
    }
    .sub-footer > p {
        text-align: center;
        width: 100%;
    }
    footer > div:nth-child(2) {
        width: 100%;
        margin: 1em 0;
    }
    footer > div:nth-child(3) {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    #map {
        width: 290px;
        height: 290px;
    }
    #div-form {
        width: 100%;
    }
    nav > div {
        width: 100%!important;
        margin-right: 0;
        margin-left: 0;
    }
    nav img {
        width: 2em!important;
    }

    nav div.nav-mobile > a {
        display: none;
    }

    nav div.nav-mobile > button {
        display: block!important;
        font-size: xxx-large;
        padding: 0;
    }
    nav div.nav-mobile > button > span {
        display: block;
        line-height: 1.5;
    }
    .navbar-toggler {
        border: 1px solid grey;
    }
    .offcanvas{
        max-width: 85%;
    }

}