KyFlo/Assets/resp.css

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