@media (max-width: 420px) {
    body{
        background-color: #3d3d3d;
    }
    header {
        width:100vw;
        height: auto;
        display: flex;
        flex-direction: column;
        padding: 0;
        background-color: #ffffff;
    }
    header #logo {
        margin: auto;
        padding-right: 0;
    }
    header #menu_hamburger {
        position: static;
        width: auto;
        min-height: 0;
    }
    header nav #hamburger_principal {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        font-size: 32px;
        list-style-type: none;
        min-height : 0;
    }
    header nav #hamburger_principal li {
        margin: 0;
        padding: 0;
        background-color: #181818;
        text-align: center;
        border-top: 2.5px solid #ffffff;
        border-bottom: none;
    }
    header nav #hamburger_principal li a {
        color: #ffffff;
        transition: color 1s;
        text-decoration: none;
        margin:0;
        display: block;
        padding: 12px 0;
        width: 100vw;
    }
    header nav #hamburger_principal li a:hover {
        color: #ffffff;
        border-bottom: none;
    }

    header nav #menu_principal {
        display: none;
    }
    header nav #hamburger_footer {
        display: none;
    }
    header #hamburger_icones {
        display: none;
    }
    #imgaccueil {
        display: none;
    }
    
    footer {
        height: auto;
    }
    footer ul {
        list-style-type: none;
        font-size: 32px;
        display: flex;
        flex-direction: column;
        padding: 0;
        margin: 0;
    }
    footer li {
        border-top: 2.5px solid #ffffff;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    footer a {
        color:#8c919b;
        text-decoration: none;
        transition: color 1s;
        display: block;
        padding: 12px 0;
        width: 100vw;
    }
    footer a:hover {
        color: #d88d03;
    }
    
    }