.packGrid {

    font-size: 1.3em;
    max-width: 100%;

    display: flex;
    justify-content: center;
    margin-bottom: 2em;

    .grid {
        border: solid 2px #7c7c7c;
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-items: center;
        align-items: center;

        div {
            box-sizing: border-box;
            padding: 1em;
            border: solid 1px #ffffff;
            width: 100%;
            text-align: center;
        }

        .productName {
            font-weight: bold;
        }

        .description {
            font-size: 0.8em;
            margin: 0em;
            padding: 0em;
            max-width: 20em;
            color: #6e6e6e;
        }

        .prixSeul {
            background-color: #aad1f4;
        }

        .prixPack   {
            background-color: #aad1f4;
        }
        
        .labelTotal {
            background-color: #aad1f4;
            color: #5a3f0c;
        }


        .ETQseul {
            /*background-color: #dbcba5;*/
            text-decoration: line-through;
            color: #1d588b;
            font-weight: bold;
        }

        .ETQpack {
            /*background-color: #a5badb;*/
            color: #1d588b;
            font-weight: bold;
        }

        .ETQeconomie {
            background-color: #79ba33;
            color: #ffffff;
            font-weight: bold;
        }

        .prixEuro {
            letter-spacing: 0.1em;
        }

        .nomPack {
            background-color: #1d588b;
            color: #ffffff;
            font-weight: bold;;
        }

    }

}


@media (max-width: 640px) {   

    

    .packGrid {

        font-size: 1em;
    
        .grid {
    
            div {
                padding: 0.2em;
            }
        }
    }

}