h1 { text-align: center; margin: 30px 0; font-size: 1.75rem; font-weight: bold; }
h2 { font-size: 1.25rem; font-weight: 600; color:rgba(var(--couleur1)); }

#champagne { margin-top: 20px; }
#champagne #champagne-prix img + img { width: 50px; display: none; }
#champagne #champagne-descriptif img { width: 80px; }

.total { margin-left: 10px; text-decoration: line-through; font-weight: 500; }
.totalpromo { margin-left: 10px; }

#livraison span + span::before{ content: "-"; display: inline-block; margin: 0 2px; }

#footer { margin-top: 30px; padding: 30px 0; background-color: rgba(var(--couleur1)); color:rgba(var(--blanc)); font-size: 0.8rem; }
#footer ul { list-style: none; padding: 0; margin: 0; }
#footer a { color: rgba(var(--blanc)); text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer ul li + li { margin-top: 5px; }

@media (max-width: 575px) {
    #champagne #champagne-prix img + img { display: block; }
    #champagne #champagne-descriptif img { display: none; }

    #livraison span { display: block; }
    #livraison span + span::before{ display: none; }

    #footer > .container > .row > div { flex:100%; max-width: 100%; width: 100%; text-align: center; }
    #footer > .container > .row > div + div { margin-top: 30px; }
}