#login {
    background: url(../images/logo-white-5.png) 40px 40px no-repeat !important;
    padding-top: 40%;
    width: 100%;
    padding: 8% 0 0;
    margin: auto;
    background-size: 132px 72px !important;

}

body.login {

    background: url(../images/LogIn@15x.png) no-repeat 0px bottom fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#login {}



.login #nav {
    width: 35%;
    display: block;
    margin: auto;
    margin-top: -100px;
    background-color: transparent;
    padding: 0px 100px 100px 240px;
    margin-left: 30%;


}

.login #nav a {
    color: #221D58 !important;
    text-transform: uppercase;
    background-color: transparent;
    margin-left: 50px !important;

    text-decoration: underline;
}

#login h1 {
    display: none;
}


#login form {
    width: 400px;
    min-height: 250px;
    display: block;
    margin-top: 35%;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    border: none;
    padding: 60px 100px 100px 240px;
    margin-left: 30%;
    margin-top: 8%;
    background: url(../images/login.png) 0px 0px no-repeat;
    background-size: 672px 398px !important;

}




#lostpasswordform {
    background: url(../images/reset.png) 0px 0px no-repeat !important;
}

form {}

form {
    padding: 0px 16px 40px;
}

#login_error,
.message {
    -moz-border-radius: 0px;
    border: none;
    margin: 0 8px 16px 8px;
    border: 1px solid #6ac9c8;
    background-color: #221D58;
}

.updated,
.login .message {
    background-color: #221D58;
    color: #fff;
}

label {
    color: #221D58;
    font-size: 11px;
}

#nav {
    text-shadow: none;
    text-shadow: 0px;
    margin: 0;
    padding: 16px;
    padding-top: 0px;
}

html {
    background-color: #fff !important;
}

body.login {}

p#backtoblog {
    display: block;
}

#backtoblog {

    color: #fff;
    border: none;
    text-shadow: none;
    position: absolute;
    top: 50px;
    left: 27%;

}

.login #backtoblog a,
.login #backtoblog a:hover {
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

label {
    margin-top: 10px !important;
    display: block;
    position: relative;
    right: 0px;
    margin-left: 50px !important;
}

#user_pass,
#user_login,
#user_email {
    font-family: Georgia, Helvetica, Serif;
    font-size: 18px;
    font-style: italic;
    border: none;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid #221D58;
    width: 300px;
}

.login #login_error,
.login .message,
.login .success {

    border-left: 4px solid #6ac9c8;
}

#wp-submit {

    transition: background-color 0.2s linear;
    background-color: #221D58 !important;
    color: #fff;
    border: none;
    border-radius: 0px;
    font-size: 12px !important;
    padding: 10px 30px;
    line-height: 14px;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none !important;
    float: left;
    margin-top: 20px !important;
    margin-left: 50px !important;

}

#wp-submit:hover {
    background-color: #3BA3A2 !important;
    text-decoration: none;
    color: #fff;
    border: none;
}

.forgetmenot {
    display: none;
}



@media (max-width: 1000px) {

    #login form {
        width: 35%;
        margin-left: 20%;
        padding: 60px 100px 100px 140px;
    }

    .login #nav {
        width: 40%;
        display: block;
        margin: auto;
        margin-top: -100px;
        background-color: transparent;
        padding: 0px 100px 100px 240px;
        margin-left: 10%;


    }


}

@media (max-width: 800px) {

    #login form {
        margin-top: 18%;
        width: 40%;
    }
}

@media (max-width: 600px) {


    html {
        background-color: transparent !important;
        overflow: hidden;
    }


    #login {
        background: url(../images/logo-white-5.png) 70px 10px no-repeat !important;
        padding-top: 40%;
        width: 100%;
        padding: 8% 0 0;
        margin: auto;
        background-size: 132px 72px !important;
        margin-left: -12%;

    }

    body.login {

        background: url(../images/loginM.png) no-repeat 0px bottom fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-color: #221d58;
        overflow: hidden;
    }

    #login {}



    .login #nav {
        width: 100%;
        display: block;
        margin: auto;
        margin-top: -70px;
        background-color: transparent;
        padding: 0px 100px 100px 240px;
        margin-left: -30%;


    }


    .login #backtoblog a,
    .login #backtoblog a:hover {
        color: #fff !important;
        text-decoration: none !important;
        text-transform: uppercase;
        margin-top: 39px;
        margin-left: -10px;
        display: block;
    }

    .login #nav a {
        color: #221D58 !important;
        text-transform: uppercase;
        background-color: transparent;
        margin-left: 50px !important;
        text-decoration: underline;
    }

    #login h1 {
        display: none;
    }


    #login form {
        width: 100%;
        min-height: 250px;
        display: block;
        -moz-border-radius: 0px;
        -khtml-border-radius: 0;
        -webkit-border-radius: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        box-shadow: none;
        border-radius: 0px;
        border: none;
        padding: 60px 100px 100px 240px;
        margin-left: -34%;
        margin-top: 22%;
        background: url(../images/login.png) 0px 0px no-repeat;
        background-size: 672px 398px !important;
        background-position: top;

    }

    #lostpasswordform {
        background: url(../images/reset.png) 0px 0px no-repeat !important;
    }







}

@media (max-width: 400px) {
    #login form {
        width: 140%;
        margin-left: -40%;
        background-size: 872px 398px !important;
    }

    #login {
        margin-left: -30%;
        background: url(../images/logo-white-5.png) 120px 20px no-repeat !important;
        background-size: 100px 55px !important;
    }

    .login #nav {
        margin-left: -70px;
    }

    #backtoblog {
        top: -10px;
        left: unset;
        right: 0;

    }
}