@media screen and (min-width: 350px) and (max-width: 599px){
    .containerInputs{
        width: 100%;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
    }
    .miniBotao{
        & p{
            display: none;
        }
    }
    .inputs{
        width: 250px;
    }
    
    /*ESTRUTURA VISUAL INICIAL*/
    .container{
        width: 100%;
    }
    .menu{
        width: 96%;
        margin: 0px 10px;
    }

    .painel-interno{
        width: 96%;
        margin: 0px 10px;
        & h2{
            font-size: 20px;
        }
    }
    .painel{
        width: 100%;
    }

    .empresa{
        grid-template-columns: 100px 50px auto auto;
        gap: 5px;
        & p{
            font-size: 13px;
        }
    }
    .dados{
        text-align: center;
        flex-wrap: wrap;
        & p{
            width: 70%;
            font-size: 14px;
        }
    }
}

@media screen and (min-width: 600px) and (max-width: 999px){
    .menu{
        width: 600px;
    }
    .painel{
        width: 600px;
    }
    .inputs{
        width: 250px;
    }
    .dados{
        text-align: center;
        flex-wrap: wrap;
        & p{
            width: 70%;
        }
    }
}

@media screen and (min-width: 1000px) and (max-width: 1500px){
    .menu{
        width: 1000px;
    }
    .painel{
        width: 1000px;
    }
}