/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*---------------------------------------------------------------------- STYLE TO PHONE --------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 400px) {
    
    /* ------------------------------------------------------------------------------------------------ */
    /* ----------------------------------- SECTION CONTACT -------------------------------------------- */
    /* ------------------------------------------------------------------------------------------------ */
        section.contact .flex .text .form-pipefy {
            display: flex;
            width: 350px;
            max-width: 350px;
            margin: 0 auto;
            padding: 20px; 
        }

        section.contact .flex .text h2 {
            font-size: 22px;
            margin-top: -5px; 
            margin-bottom: 60px;  

        }
        section.contact .flex .text .form-pipefy .background {
            
            width: 360px;
            max-width: 360px;
            height: 970px;
            top: -50px;
            left: -207px;
            background:#fff; 
            z-index: 1; 
            border-radius: 10px; 
        }

        section.contact .flex .text .form-pipefy iframe {
            position: relative;
            width: 340px;
            max-width: 340px; 
            height: 950px;
            border: none;
            top: -50px;
            left: 140px;
            z-index: 10;
        }

}