
@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 {
        width: unset;
    }

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

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

    #tuyau-ombre {
        display: none;
    }
}

