@media(min-width: 600px) {
    h1 {
    width: 90%;
    font-size: 600%;
    }
    h2 {
        font-size: 250%;
        width: 35vw;
    }
    h3 {
        font-size: 200%;
        left: auto;
        width: 50vw;
    }
    section {
        flex-direction: row;
        justify-content: space-evenly;
    }
    section.petit {
        height: 25svh;
    }
    .img_regle {
        width: 35vw;
        margin-top: 0;
    }
    ul {
        width: 25vw;
    }
    .carac_droit {
        margin-left: 0;
    }
    p.afficher {
        font-size: 150%;
    }
    p.infos {
        font-size: 190%;
    }
    .regles_theme {
        flex-direction: row-reverse;
    }
    .button_jouer {
        margin-top: 0;
        font-size: 450%;
    }
    div.div_contact img {
        width: 150px;
    }
    p.p_contact {
        font-size: 200%;
        text-shadow: black 2px 2px 0px;
    }
}