@media screen and (max-width: 600px) { .topnav a, .topnav input[type=text] { float: none; display: block; text-align: left; width: 76.5%; margin: 0; padding: 2vw; border: none; transform: none; } .topnav a#panier, a#nous { border: none; } .topnav a#nous:hover, a#contactN:hover { padding: 2.4vw 2vw; } a#loupe { width: 5%; border-left: 0.1vw solid rgb(204, 25, 25) } .topnav input[type=text] { border: 1px solid rgb(190, 73, 73); } /* FLEX CONTAINER*/ .flex-container>div { width: 85%; margin-left: auto; margin-right: auto; } .flex-container>div>a>img { width: 20%; margin-top: 3%; margin-left: 10%; } .flex-container>div>a>h3, .flex-container>div>a>h4 { margin-left: 50%; } #content { margin-left: 2vw; margin-right: 2vw; } }