body {
    /*background-size:cover;
    background-repeat:no-repeat;
    background-image: url('../images/LoginLeft.png');*/
}


#logo-container {
    background-image: url('../images/leftLogin.jpg');
    background-repeat: no-repeat;
    background-position:top right;
    background-size:auto 1000px;
    width: 50%;
    left:0;
    height: 100%;
    position: fixed;

}

#login-container {
    padding-left: 40px;
    width: 50%;
    left: 50%;
    height: 100%;
    position: fixed;
    background-image: url('../images/Login-Right.png');
    background-position-x: left;
    background-position-y: top;
    background-size: auto 1000px;
   background-repeat: no-repeat;
}

@media (max-width: 768px) {
    #login-container {
        background-image: url('../images/leftLogin.jpg');
        background-size: auto 1000px;
        background-position-x: right;
        background-position-y: top;
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: 100%;

        padding-left: 15px;
    }

    #logo-container {
        width: 0px;
    }

    .loginDiv {
        height: 100%;
        width: 100%!important;
        position: relative;
        top: 33%;
    }
}

    .loginDiv {
        height: 100%;
        width: 290px;
        position: relative;
        top: 33%;
    }

    .login-box {
        border: solid 1px red !important;
        color: black !important
    }

    div.well {
        height: 250px;
    }