body,
.login-page,
.register-page {
    background: #edf1f7; /*---------- CHANGES ----------*/
}

.login-box, .register-box {
    margin: 2% auto;
    width: 410px;
    max-width: 98%;
}

.login-box-body {
    box-shadow: 0 0 4px #aaa;
    border-radius: 15px;
}

@media only screen
and (max-device-width: 896px)
and (orientation: portrait) {
    body.login-page {
        background: white;
    }

    div.login-box-body {
        box-shadow: none;
    }

    body > div.login-box > .login-box-body:nth-child(2) {
        display: none;
    }

    body > div.login-box > div:nth-child(3) {
        margin: -10px 0 0 0 !important;
        box-shadow: none !important;
        border: none !important;
    }

}

a {
    color: #f7941e;
}

a:hover {
    color: #777;
}


a.register {
    display: block;
    margin: 15px;
    padding: 9px 16px;
    border-radius: 3px;
    border: 2px solid #f7941e;
    font-size: 18px;
    line-height: 1.333;
}

a.register:hover {
    background-color: #f7941e;
    color: #FFF;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background: #f7941e;
    border-color: #f7941e;
}