
@media (max-width: 700px) {
    html {
        /*font-size: calc(20px + 5vw);*/
        font-size: 3vw;
    }

    section, #msg_acc {
        width: 95%;
    }

    #msg_acc, footer {
        padding: 1em 2em;
    }

    .box-jaune {
        margin: 40px auto 0 auto;
        width: 95%;
    }

    .footer-text-area {
        width: unset;
    }

    header .menu {
        transform: translateY(120%);
    }

    header .tuyau {
        right: 30px;
        transform: translateY(40%);
    }

    header .tuyau:hover {
        opacity: 0.8;
        transform: translateY(35%);
    }

    #tuyau-ombre {
        display: none;
    }

    /* --- Show the menu on tiny screens --- */
    nav.mobile-menu.open {
        height: 100vh;
        background-color: rgba(15, 15, 23, 0.86);
    }
}

