/* This is an example of custom logo */
/* If using appliance deployment, copy logo to ~/userlogos */

#brandLogo {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/userlogos/notakey-funky.png) no-repeat;
    background-size: 300px 85px;
    width: 300px;
    /* Width of new image */
    height: 85px;
    /* Height of new image */
    padding-left: 300px;
    /* Equal to width of new image */
}

/* Change top navbar color. This is where company logo is positioned, logo background color. */
.navbar-dark {
    background: white;
}

/* Change jumbotron part color (visibl on large screens). This is the part where subtitle is located. */
.jumbotron {
    display: none;
}

/* This is an example of fixing footer tagline text on page
on small screen devices, e.g. in case of important link, like password change
This also hides footer version info, that has no important purpose. */

@media screen and (max-width: 767px) {
    #footerTagline {
        position: fixed;
        width: 100%;
        margin-top: 0rem;
        right: 0px;
    }

    footer {
        display: none;
    }
}