@charset "UTF-8";

@media screen and (max-width: 256px){
    .login{
        margin: auto; 
        /* border: 2px solid black; */
        padding: 10px;    
        border-radius: 20px;
    }
    #foto{
        display: none;
    }
    .bottom{
        margin-top: 10px;
    }
    #user_login, #user_senha{
        width: 100%;
    }
}

@media screen and (min-width: 256px) and (max-width: 512px){
    .login{        
        margin-top: 70px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: auto;  
        width: auto;
        height: auto;
        /* border: 2px solid black; */
        /* background: black url(../../imagens/mg2.jpg) no-repeat;
        background-position: center center;
        background-size: contain; */
        padding: 10px;    
        /* border-radius: 20px; */
    }
    /* .dados{
        justify-items:center;        
    }     */
    
    .bottom{
        margin-top: 30px;
    }
    #user_login, #user_senha{
        width: 100%;
    }
}

@media screen and (min-width: 512px){
    .login{
        margin: auto;    
        width: 512px;
        height: 512px;
        border: 2px solid purple;
        background: black url(../includes/mg1.jpg) no-repeat;
        background-position: center center;
        background-size: contain;
        padding: 10px;    
        border-radius: 20px;
    }
    .dados{
        /* justify-items:center; */
        margin-top:70px;
    }
    #foto{
        display: none;
    }
    .bottom{
        margin-top:-80px;
    }
    #user_login, #user_senha{
        width: 100%;
    }
}