.container{
    

    height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 20px; /* espace interne sur petits écrans */
    box-sizing: border-box;

}


.logo{
    
    margin: 0px auto;
    padding-bottom: 50px;
    size-adjust: auto;
}


.texte{

    
    font-size: 70px;
    font-weight: bolder;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.2em;
    text-align: center;
    
    /*color: #216197;*/
    
}

.block-principal {
    width: 95%;
    padding: 15px;
}

.texte-pfo{
    
    font-size: 15px;
    font-family: Helvetica, Arial, sans-serif;
    padding-bottom: 10px;
    /*color: #216197;*/
    
}


.logo-pfoimmobilier {
    
    display: inline-block;
    position: absolute;
    bottom: 20px;     /* distance du haut */
    right: 20px;    /* distance de la gauche */

}


.logo-pfoimmobilier img {
    width: 100px;   /* adapte selon ton besoin */
}


/* ---- RESPONSIVE SMARTPHONE ---- */
@media (max-width: 480px) {
    .logo img{
        max-width: 305px ;
        margin: 0px auto;      
       
    }



    .texte{
    
        font-size: 30px;
        font-weight: bolder;
        font-family: Helvetica, Arial, sans-serif;

        color: #216197;
        
    }
    
    .texte-pfo {
        
        font-size: 15px;
        font-family: Helvetica, Arial, sans-serif;
        padding-bottom: 10px;
        
        /*color: #216197;*/
        
    }

    .site-construction{
        margin-left: 2px;
    }

    .logo-pfoimmobilier {
    
        display: inline;
        position: absolute;
        bottom: 20px;     /* distance du haut */
        right: 20px;    /* distance de la gauche */

    }

    .logo-pfoimmobilier img {
        width: 60px; /* logo réduit sur smartphone */
    }

}

/* ---- RESPONSIVE TABLETTE ---- */
@media (max-width: 768px) {
    .logo-pfoimmobilier img {
        width: 55px;
    }

    .block-principal {
        width: 90%;
        max-width: 350px;
    }
}

/* ---- RESPONSIVE PC LARGE ---- */
@media (min-width: 1200px) {
    .block-principal {
        max-width: 1000px; /* plus large pour écrans desktop */
    }
}