/*liste de produits*/
div.produitsList{
    margin:0;
    padding:0 3vw;
}
div.produitElement{
    margin:0;
    padding:2vw 0 3vw 0;
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 1vw;
    border-top: 0.005vw solid rgb(163, 163, 163);
}
div.produitElement img{
    max-width:20vw;
    max-height:15vw;
    justify-self: center;
    align-self: center;
    grid-column: 1;
    grid-row:1;
}
div.textProduitElement{
    justify-self: left;
    display:flex;
    flex-direction:column;
    grid-column: 2;
    grid-row:1;
}
div.textProduitElement h3{
    margin:0 0 1vw 0;
    font-family: 'DM Sans', sans-serif;
    font-size: 3.5vw;
}
div.textProduitElement h4{
    margin:0;
    font-family: 'Quicksand', sans-serif;
    font-size: 2vw;
}
div.textProduitElement a{
    width:9vw;
    margin-top:2vw;
    padding:0.8vw 1.5vw;
    text-align: center;
    text-decoration: none;
    color:black;
    background-color: #f2f2f2ff;
    border: 0.01vw solid #2c2c2cff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5vw;
    transition-duration: 0.5s;
}
div.textProduitElement a:hover{
    transition-duration: 0.5s;
    color:#f2f2f2ff;
    background-color: #2c2c2cff;
    border: 0.01vw solid #f2f2f2ff;
}

@media (max-aspect-ratio: 3/4){
    h3{
        font-size:5vw !important;
    }
    h4{
        font-size:3vw !important;
    }
    div.textProduitElement a{
        width:25vw !important;
        font-size:3vw !important;
    }
}