@media (max-width: 768px) {
    #div-login { width: 100% !important; }
    #div-img-login { display: none; }
    .font-30 { font-size: 23px; }
    .font-20 { font-size: 15px; }
    .py-3 { padding-top: 0 !important; }
}

@media (max-width: 400px) {
    .container-login{
        margin: 0;
    }
    *{
        font-size: 10px;
    }

    .div-projects{
        flex-direction: column;
    }
    
    .div-info-project{
        width: 100%;
    }
}

@media (max-width: 1220px) {
    h1 { font-size: 25px; }
}

@media (max-width: 600px) {
    .container-login { padding: 0; }
    h1 { font-size: 20px; }
    p { font-size: 10px !important; }
    .font-30 { font-size: 23px; }
    .font-20 { font-size: 15px; }
}

@media screen and (max-width: 1600px) {
    .main{
        margin: 0px 50px;
    }

    .card-info{
        width: 250px;
    }
}

@media screen and (max-width: 550px) {
    #div-btn-request, #links-menu-export{
        display: block !important;
    }
}

@media (max-width: 768px) {
    .helpTextInput{
        position: relative;
    }
    .div-projects{
        flex-direction: column;
        align-items: center;
    }
    
    .div-info-project{
        width: 90%;
    }
}