/* custom css that can be changed between deployments via a dev-ops script */

img.brand-logo {
    content: url("/images/brand-gts.png");
    max-width: 160px;
    margin-top: 10px;
    margin-left: -10px;
}

img.brand-logo-home {
    content: url("/images/brand-gts.png");
    max-width: 80%;
}

img.brand-logo-logged-out {
    content: url("/images/loggedout-gts.png");
    max-width: 80%;
}

.bg-welcome {
    top: 0px;
    background-image: url("/images/background-gts.jpg");
    background-color: #303030;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

@media (max-width: 991px) {
    .bg-welcome {
        background-image: url("/images/background-gts.jpg");
        position: fixed;
        z-index: -1;
    }
}

.bg-logged-out {
    position: fixed;
    top: 0;
    left: -1px;
    background-image: url("/images/background-gts.jpg");
    background-color: #303030;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
}