body {
    background: url(../Images/login_background.jpg) no-repeat center fixed;
    background-size: cover;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

#username, #password {
    margin-top: 5px;
    height: 30px;
    width: 100%;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 11px;
}

#login_div {
    background: #efefef;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 25px;
    padding-left: 25px;
    width: 270px;
    margin: 10% 70%;
    border: 1px solid #d5d5d5;
}


#login_button {
    background: #7c7c7c;
    color: #fff;
    width: 100%;
    margin-top: 10px;
}

    #login_button:hover {
        background: #3aceff;
        color: #fff;
    }

.ErrorMsg {
    color: #ff0000;
}

/*----------------media queries------------------*/
@media(max-width:768px){
    #login_div{
        padding:10% 60%;
    }
}

@media(max-width:480px){
    #login_div{
        padding:10% 8%;
    }
}

@media(max-width:360px){
    #login_div{
        padding:10% 7%;
    }
}
/*----------------media queries------------------*/