@media screen and (max-width: 1100px) {}

.login .login_form .form {
    width: 45%;
}

@media screen and (max-width: 1000px) {
    .login .login_form .form {
        width: 50%;
        height: 65%;
        margin: 9rem 0;
    }

    .login .login_form {
        align-items: end;
    }
}

@media screen and (max-width: 950px) {}

@media screen and (max-width: 850px) {
    .login .login_form .form {
        width: 60%;
    }

    @media screen and (max-width: 800px) {}

    @media screen and (max-width: 700px) {
        .login .login_form .form {
            width: 65%;
        }
    }

    @media screen and (max-width: 650px) {
        .login .login_form .form {
            width: 70%;
        }
    }

    @media screen and (max-width: 600px) {
        .login .login_form .form {
            width: 76%;
        }
    }

    @media screen and (max-width: 550px) {
        .login .login_form .form {
            width: 100%;
            height: 85%;
            margin: 1.5rem 0;
        }

        .login .login_form .forms {
            gap: 1rem;
        }

    }

    @media screen and (max-width: 500px) {}

    @media screen and (max-width: 430px) {
        
    }

    @media screen and (max-width: 370px) {
        .login .login_form .msgErro .custom_alert {
            gap: 0.5rem;
        }
    }
}