/* =====================================
   Style général
===================================== */

body {

    font-family: Arial, Helvetica, sans-serif;

}


/* =====================================
   Cartes Bootstrap
===================================== */


.card {

    border-radius: 15px;

}


/* =====================================
   Logo
===================================== */


img {

    max-width: 100%;

    height: auto;

}



/* =====================================
   Boutons quantités
===================================== */


.quantity {

    font-size: 1.2rem;

    font-weight: bold;

}



/* =====================================
   Total
===================================== */


#total {

    font-weight: bold;

}



/* =====================================
   Bouton validation
===================================== */


.btn-success {

    font-size: 1.2rem;

    padding: 12px;

}



/* =====================================
   Tableau administration
===================================== */


.table {

    vertical-align: middle;

}


.table th {

    white-space: nowrap;

}



/* =====================================
   Mobile
===================================== */


@media(max-width:576px){


    h2 {

        font-size: 1.5rem;

    }


    h4 {

        font-size: 1.2rem;

    }


}