body
{
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
    background-color: #253705;
    background-image: url('/Images/Student/student-login-background.jpg');
    background-position: center 70px;
    background-repeat: no-repeat;
}
#page .space-top
{
    width: 100%;
    height: 72px;
}
#page .space-bottom
{
    width: 100%;
    height: 72px;
}
#page #login-image img {
    margin:0 auto;
}
#page #login-form h1 {
    color:white;
}
#page #login-form label {
    color:white;
}
#page #login-form small {
    font-size:63%;
    color:#bcbcbc;
}
#safewayFooter {
    position: fixed;
    width:100%;
    bottom:0;
}

/* ________________________ Media Queries ________________________ */

@media only screen and (max-height: 803px) { 
    #safewayFooter {position:inherit;}
}
@media only screen and (min-height: 804px) { 
    #safewayFooter {position:fixed;}
}

/* Define mobile styles / small screens */
@media only screen {}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
    #safewayFooter {position:inherit;}
}

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
    #safewayFooter {position:inherit;}
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only portait issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
    #page #login-form h1 {text-align:center;}
    /*#safewayFooter {position:inherit;}*/
 }

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) { 
}
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
 }

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) { }

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { }

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) { }