@media (max-width: 768px) {
    .content {
        width: 380px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        
    }

    .content_main-login {
        width: 100%;
    }
    
    .nav_login-logo {
        margin-left: 18px; 
    }

    .nav_login-button {
        margin-right: 18px;
    }

    .content_main-login h1 {
        font-size: 34px;
        font-weight: 800;
        line-height: 29px; 
    }

    .login-box {
        width: 380px;
        height: 45px;   
        font-weight: 400;
        font-size: 14px;
          
    }

    .content_main-login button {
        width: 274px;
        height: 40px;
    }

    .footer-login {
        width: 80%;
        font-size: 14px;
        
    }

    .button-login {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .button-login button {
        width: 100%;
    }

    

    


    /*esqueci minha senha*/

    .esqueci-minha-senha {
        width: 274px;
    }

    .esqueci-minha-senha p {
        width: 274px;
        
    }

    .button-esqueci {
        margin-bottom: 20vh;
    }

    /*email enviado*/

    .button-email-enviado {
        margin-bottom: 20vh;
    }

    .email-enviado-p {
        width: 274px;
    }

    /* redefinir senha*/
    .login_page {
        
    }

    
    
    

}

@media (max-width: 400px) {
    .login-box {
        width: 274px;
    }
    .content {
        width: 280px;
    }
}