/* Large desktops and laptops */
@media (min-width: 1200px) {
    .container {
        margin-top: 0;
        margin: 0 0;
        width: var(--screen-width);
    }

    a {
        color: white;
    }

    h1, h2, h3, h4, h5, h6, p{
        color: white;
    }

    #loginContainer {
        margin-top: calc(var(--screen-height) / 4 - 141px);
    }

    #mobile-brand {
        width: 50px;
        margin: 30px;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        margin-top: 0;
    }

    a {
        color: white;
    }

    h1, h2, h3, h4, h5, h6, p {
        color: white;
    }

    #loginContainer {
        margin-top: calc(var(--screen-height) / 4 - 141px);
    }

    #mobile-brand {
        width: 50px;
        margin: 30px;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    a {
        color: white;
    }

    h1, h2, h3, h4, h5, h6, p {
        color: white;
    }

    #loginContainer {
        margin-top: calc(var(--screen-height) / 3 - 141px);
    }

    #mobile-brand {
        width: 50px;
        margin: 30px;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    a {
        color: white;
    }

    h1, h2, h3, h4, h5, h6, p {
        color: white;
    }

    #loginContainer {
        margin-top: calc(var(--screen-height) / 4 - 141px);
    }

    #mobile-brand {
        width: 50px;
        margin: 30px;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

    a {
        color: white;
    }

    h1, h2, h3, h4, h5, h6, p {
        color: white;
    }

    #loginContainer {
        margin-top: calc(var(--screen-height) / 3 - 141px);
    }

    #mobile-brand {
        width: 50px;
        margin: 30px;
    }
}

input[type=checkbox] {
    opacity: 100;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: 0px;
}

.font-weight-bold {
    font-weight: bold;
}