/* Couleurs du titre */
#header-title {
    background: linear-gradient(to bottom,rgb(245,245,220),rgb(245,245,220), brown);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} 

/* Corps de la page */
#myBody {
    font-size: large;
    background-image:linear-gradient(to bottom right, rgba(165, 42, 42, 0.75), rgba(150, 216, 255, 0.8), rgba(165, 42, 42, 0.75));
}

/* Paragraphe titre + contenu */
.container {
    margin: 2% 0 1% 0;
    width: 90%;
}

/* Paragraphe titre */
.container h4 {
    margin-bottom: 1%;
    font-size: larger;
}

/* Paragraphe contenu */
.container p {
    text-align: justify;
    margin-bottom: 5px;
}

@media only screen and (max-width:768px) {

    .container h4 {
        font-size: larger;
    }

    .container p {
        font-size: medium;
    }

    .upper-container h2 {
        font-size: x-large;
    }

    .upper-container p {
        font-size: large;
    }
}

@media only screen and (max-width:500px) {

    .container h4 {
        font-size: large;
    }

    .container p {
        font-size: smaller;
    }

    .upper-container h2 {
        font-size: large;
    }

    .upper-container p {
        font-size: medium;
    }
}

@media only screen and (max-width:300px)  {

    .container h4 {
        font-size: medium;
    }

    .container p {
        font-size: small;
    }

    .upper-container h2 {
        font-size: medium;
    }

    .upper-container p {
        font-size: small;
    }
}