.login-area, .password-recover {
    display: flex;
    justify-content: center;
    margin-top: 10%;
}

.background-img{
    position:relative;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
    .background-img::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        background: rgba(0, 0, 0, .5);
    }
.login-title{
    text-align:center;
}
.border {
    display: inline-block;
    padding: 7px;
    border-bottom: 3px solid #cb0e00;
    margin: auto;
}

.image-overlay-text{
    position:absolute;
    z-index:9999;
    display:block;
    font-size:1.7rem;
    top:30%;
    width:100%;
}

button{
    width:auto;
}

.login-box, .password-recover-box {
    display: flex;
    justify-content: center;
    margin: auto;
    width: 50%;
    padding: 10px;
}

@media(min-width:320px) and (max-width:480px){
    .login-box{
        width:100%;
    }
    .password-recover-box{
        width:100%;
    }
}