html {
    padding: 0;
    margin: 0;
}

body {
    background-image: url(../img/login-bg.gif);
    background-size: cover;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-clip: content-box;
    background-position: center;
}

.login-form {
    background-color: rgba(223, 227, 230, 0.674);
    width: 360px;
    height: 500px;
    border-radius: unset;
    padding-top: 0;
    position: relative;
    right: 70%;
}
@media screen and (max-width: 820px) {
    .login-form {
        background-color: rgba(223, 227, 230, 0.674);
        width: 360px;
        height: 500px;
        border-radius: unset;
        padding-top: 0;
        position: relative;
        right: 3%;
        left: 5px;
    }
}

    i.fa {
        color: #ff9933;
        font-weight: bold;
    }

    .login-form .login-form-header {
        height: 70px;
        background-image: url(../img/loginheader.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .login-form .login-form-content {
        text-align: center;
        padding: 7px;
    }

        .login-form .login-form-content input {
            width: 300px;
            height: 30px;
            border-radius: unset;
            border: 1px solid #ff9933;
        }

        .login-form .login-form-content label {
            float: right;
            margin-right: 15px;
            margin-bottom: 7px;
        }

        .login-form .login-form-content button {
            width: 320px;
            height: 30px;
            border-radius: unset;
            border: 1px solid #ff9933;
            background-color: #ff9933;
            color: aliceblue;
            margin-top: 17px;
        }

    .login-form .login-form-footer {
        height: 40px;
        background-color: #666666;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        color: azure;
        text-align: left;
        padding-top: 15px;
    }