/**** CSS DE BASES ****/
   body {
    background-color: #E7EBC5;;
}

p {
    opacity: 100%;
}

    /* Polices de bases*/
.h1Noir {
    font-family:'Quicksand', Courier, monospace;
}
.h1Blanc {
    font-family:'Quicksand', Courier, monospace;
    color: white;
    opacity: 100%;

}

.policep1 {
    font-family:'Montserrat', Courier, monospace;
    color: aliceblue;
    
}

.policep2 {
    font-family:'Montserrat', Courier, monospace;
    color: black;
}

ul li{
    color: white;
    font-family: Montserrat;
    padding-top: 2em;
}

/*Autres*/

@media (min-width: 1250px) {

    .hero-banner-description {
        background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("/public/media/platDescription.png");
        background-size: 125%;
        background-repeat: no-repeat;
        background-position: 50%;
        padding: 8rem;
        padding-top: 12rem;
        padding-bottom: 12rem;

    }

    .fondNoir {
        height: auto;
        background: rgba(0, 0, 0, 0.5); /*0.5 pour l'opacité, opacity:50%; transforme aussi le texte donc ça être meilleur méthode*/
        border-radius: 20px;
        padding: 1em;

    }


}

@media (min-width: 900px) and (max-width: 1250px) {
    .hero-banner-description {
        background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("/public/media/platDescription.png");
        background-size: 250%;
        background-repeat: no-repeat;
        background-position: 50%;
        padding: 8rem;
        padding-top: 12rem;
        padding-bottom: 12rem;
    }
    .fondNoir {
        height: auto;
        background: rgba(0, 0, 0, 0.5); /*0.5 pour l'opacité, opacity:50%; transforme aussi le texte donc ça être meilleur méthode*/
        border-radius: 20px;
        padding: 1em;

    }
}

@media (min-width: 100px) and (max-width: 900px) {
    .hero-banner-description {
        background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("/public/media/platDescription.png");
        background-size: 700%;
        background-repeat: no-repeat;
        background-position: 50%;
        padding: 8rem;
        padding-top: 12rem;
        padding-bottom: 12rem;
    }
    .fondNoir {
        height: auto;
        background: rgba(0, 0, 0, 0.5); /*0.5 pour l'opacité, opacity:50%; transforme aussi le texte donc ça être meilleur méthode*/
        border-radius: 20px;
        padding: 1em;

    }
}