site-accueil-insa/assets/css/queries.css
2022-06-11 21:02:30 +02:00

49 lines
794 B
CSS

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