.containerdepage a{
    text-decoration: none;
    color: black;
}

p{
    text-align: center ;
}

@media (max-width: 500px) {
    
    
    .containerdepage {
        margin: 0.5rem; /* Réduit également la marge */
        padding-bottom: 1rem; /* Réduit le padding pour économiser de l'espace */
    }
    
    .containerdepage p {
        font-size: 1rem; /* Réduit la taille de police pour un meilleur ajustement */
        padding: 0 1rem; /* Réduit le padding pour une meilleure lisibilité */
    }
    
}

@media (min-width: 501px) and (max-width: 1024px) {


    .containerdepage {
        margin: 2rem; /* Marge ajustée */
        padding-bottom: 2rem; /* Padding modéré */
    }

    .contact p {
        font-size: 1.2rem; /* Taille de police légèrement augmentée */
        padding: 0 2rem; /* Padding ajusté pour plus d'espace */
    }
}

@media (min-width: 1025px) {

    .containerdepage{
        background-color: black;
        opacity: 90%;
        margin-left: 20rem;
        margin-right: 20rem;
        border-radius: 55px;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .containerdepage p{
        color: white;
        text-align:lefts;
        font-size: 1.5rem;
    }
    
    .contact{
        padding-bottom: 3rem;
    }
}