body {
    background: url('../../students/img/login_bg.png') #EEE;
    background-size: 50%;
    background-repeat: no-repeat;
}
.login header {
    background: none !important;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    body {
        /*background-position: center;*/
        background: none;
        background-color: #EEE;
    }
}

@media screen and (min-width: 1281px) {
    .container_12 {
        float: right;
        width: 35%;
        margin-left: 10%;
        margin-right: 0%;
    }

    .login header .container {
        width: 430px;
        margin: 38px auto 0;
        padding-bottom: 32px;
        float: right;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .container_12 {
        float: right;
        width: 50%;
        margin-left: 10%;
        margin-right: 0%;
    }

    .login header .container {
        width: 430px;
        margin: 38px auto 0;
        padding-bottom: 32px;
        float: right;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .container_12 {
        float: right;
        width: 58%;
        margin-left: 10%;
        margin-right: 0%;
    }

    .login header .container {
        width: 430px;
        margin: 38px auto 0;
        padding-bottom: 32px;
        float: right;
    }
}

#toolbar {
    background: none !important;
    border-bottom: none !important;
}