@media only screen and (max-width: 510px) {
    ::after , ::before {
    box-sizing: border-box;
    } 
    
    :root {
        --titre-- : 35px;
        --h1--taille-caractére_responsive : 20px;
        --p--taille-caractére_responsive : 13px;

    }

    /* container */

    .container {
        width: 100%;
        height: auto;
    } 
    
    /* wyylde */

    .wyylde_right {
        display: none;
    }

    /* header */
    .header {
        width : 100%;
    } 
    
    .header h1 {
        font-size : var(--titre--);
        text-decoration: none;
        text-align: center;
        font-family: 'Dancing Script', cursive;
    }

    /* paragraphe  */
    .paragraphe h1 {
        font-size: var(--h1--taille-caractére_responsive);
        text-decoration: none;
        text-align: center;
        font-family: 'Dancing Script', cursive;
    } 

    .soiree_titre {
        font-size: var(--h1--taille-caractére_responsive);
    }

    .soiree p {
        text-align: left;
        color : var (--p--couleur_or);
        font-size : var(--p--taille-caractére_responsive);
        margin-top: 2px;
        margin-bottom: 2px;
    }

    /* .card iframe {
       display : none
    }  
     */
     
    .soiree .lieu h1,
    .soiree .quand h1,
    .soiree .comment h1,
    .soiree .avant h1,
    .soiree .soirée h1,
    .soiree .nuit h1,
    .soiree .matin h1,
    .soiree .regles h1,
    .soiree .agenda h1 {
        margin-inline: auto;
        margin-left: 5px;
        font-size: var(--h1--taille-caractére_responsive);
        color : var(--h1--couleur);
    }  
    
    .trente_euros, .soixante_euros {
        font-size: var(--h1--taille-caractére_responsive);
  
    }
    .conditions_texte h1 {
        font-size: var(--h1--taille-caractére_responsive);
    }

    .paiements {
        display : flex;
        justify-content: space-evenly;
    }


    .conditions .conditions_texte p {
    text-align: left;
	color : var(--p--couleur_or);
	font-size : var(--p--taille-caractére_responsive);
	margin-inline: var(--margin--inline);
	margin-left: var(--margin--);
    }

    .tarif.libertins h1{
        margin-inline: auto;
        margin-left: 5px;
        font-size: var(--h1--taille-caractére_responsive);
        color : rgb(255, 0, 225);
    }
    
    .tarif.lesbiennes h1{
        margin-inline: auto;
        margin-left: 5px;
        font-size: var(--h1--taille-caractére_responsive);
        color : rgb(255, 157, 0);
    }
    
    .tarif.gays h1{
        margin-inline: auto;
        margin-left: 5px;
        font-size: var(--h1--taille-caractére_responsive);
        color : rgb(98, 0, 255);
    }

    /* mail contact */
    .lien a {
        text-align: center;
        font-size : var(--h1--taille-caractére_responsive)
    } 
    
    /* footer */
    footer {
        width:100%;
        margin: 0;
    } 

    footer h2 {
        width:100%;
        margin: 0;
        color:yellow;
        font-size:7px;
        text-transform:capitalize;
        text-align: center;
        cursor: pointer;
    } 

    .wyylde_frame iframe {
        width: 90%;
        height: 70px;
        margin-inline: auto;
        margin-bottom: 30px;
    }
}