.login{
    
    margin:0 auto;
    text-align:center;
    max-width:500px;
    
   /* background-image: url("/img/bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/
    
}

.subcard{
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50% , -50%);
    background-color: rgba(225,225,225,.5);
    width:90%;
    max-width:500px;
    margin:5px;
    border-radius:3px;
    padding:8px;
}

.login input{
    width:90%;
    margin-bottom:10px;
    padding:2px;
    text-align:center;
    background-color:white;
}

.login p1{
    font-size:18px;
    color:white;
}
.login p2{
    /*background-color: rgba(0,0,0,.5);*/
    margin:0;
    padding:0; 
    font-size:18px;
    font-weight: bold;
    margin-bottom:5px;
    color:white;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
}
.login hr{
    width:40%;
    display:inline-block;
}
.login span{
    display:block;
    font-weight: bold;
}
.login p{
    background-color: rgba(0,0,0,.5);
    margin:0;
    padding:0; 
    font-size:18px;
    font-weight: bold;
    margin-bottom:5px;
    color:white;
}
.login img{
    margin:5px auto;
    padding:0;
    width:130px;
    
}
.login .cards{
    width: 95%;
    margin: 10px auto;
    color: white;
    font-size: 20px;    
    cursor:pointer;
    border-radius:3px;
    
    
}