html {
    height: 100%;
}

body.signin {
    height: auto;
    background: url(../img/login-Asiatic.png) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #000;
}

#Imgmiddle {
    padding-top: 15%;
    padding-left: 20%;
}

.signinpanel .slogans {
    padding-top: 8%;
    padding-left: 30%;
}

#TitleImg {
    padding-top: 25%;
    padding-left: 42%;
    margin-bottom: 20%;
}

.signinpanel .form-control {
    display: block;
    margin-top: 15px;
}

.signinpanel .uname {
    background: #fff url(../img/user.png) no-repeat 95% center;
    color: #333;
    width: 58%;
    margin-left: 26%;
}

.signinpanel .lang {
    background: #fff url(../img/empty.png) no-repeat 95% center;
    color: #333;
    width: 58%;
    margin-left: 26%;
}

.signinpanel .pword {
    background: #fff url(../img/locked.png) no-repeat 95% center;
    color: #333;
    width: 58%;
    margin-left: 26%;
}

.signinpanel .btn {
    margin-top: 15px;
    width: 58%;
    margin-left: 26%;
}

.signup-footer {
    border-top: solid 1px rgba(255,255,255,.3);
    margin: 20px 0;
    padding-top: 15px;
}

@media screen and (max-width:320px) {
    .signinpanel, .signuppanel {
        margin: 0 20px;
        width: auto;
    }
}