@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); } }