@media(max-width: 885px){

    html{
        width: 100%;
    }
       
    section {
       display: flex; 
       flex-direction: column;  
       position: relative;   
       height: 90%;  
       max-width: 100%;
       align-items: center;
       margin: 20px; 
    }

    section .ilustracao {
        position: relative;
        left: 0;
        max-width: 80%;
        margin: 10px;
    }

    section .conteudo {
        max-width: 100%;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        height: 100%;  
        align-items: center;
        justify-content: center;
        text-align: start;
    }
   
}