#site-container {
    min-height:         100%;
    position:           relative;
    background-color:   #efefef;
}

div#left_top_logo, div#right_top_logo {
    height:         50px;
    width:          200px;
    padding-top:    15px;
}
div#left_top_logo {
    position:       absolute;
    left:           20px;
}

div#right_top_logo {
    position:       absolute;
    right:          20px;
}

a#template_link  {
    margin-top: 0;
}
div#top_logo_link_left, div#top_logo_link_right {
    height:     35px;
}

div#right_bottom_logo {
    height:         50px;
    width:          200px;
    padding-top:    15px;
    position:       absolute;
    right:          20px;
}

div#bottom_logo_link {
    height: 45px;
    position: relative;
    bottom: 10px;
}

#site-header {
    height:             80px;
}
#site-footer {
    height:             90px;
}

#site-footer {
    position: relative;
}

p.footer-server-version {
    text-align:         right;
    font-size:          12px;
    position:           absolute;
    bottom:             0px;
    right:              22px;
}

.login_h1, .login_h2, .login_h3, .login_h4 {
    font-family:        'Fira Sans', sans-serif;
}

h1.login_h1 {
    font-size:          40px;
}

h2.login_h2 {
    color:              #369;
    font-size:          24px;
    margin-bottom:      40px;
}

h3.login_h3 {
    color:              #369;
    font-size:          24px;
    font-weight:        unset;
}

h4.login_h4 {
    font-size:          15px;
    font-weight:        unset;
}

p.login_h4 {
    font-size:          13px;
    font-weight:        unset;
}

.banner-text {
    text-align: center;
    height: 0px;
    font-weight: 500;
    font-size: xx-large;
}

@media only screen and (max-device-width: 411px), screen and (max-device-height: 823px) {
    #site-header, #site-footer {
        height:         60px;
    }
    #site-content {
        padding-bottom: 60px;
        padding-left:   10px;
        padding-right:  10px;
    }
    #site-header, #site-footer {
        padding:        5px 10px;
    }
    div.header-logos, div.footer-logos  {
        height:         48px;
    }

    p.footer-server-version {
        padding-top:    36px;
        margin-right:   2px;
        font-size:      10px;
    }

    .middle-box {
        padding-top:    10px;  /* override inspinia */
    }
    h1.login_h1 {
        font-size:      30px;
        margin-top:     10px;
    }
    h2.login_h2, h3.login_h3 {
        font-size:      18px;
        margin-top:     10px;
    }
}