.debug {
    display: none;
}

/* BOOTSTRAP ADJUSTMENTS */

html {
    background-color: #f0f0f0 !important;
}

body {
    background-color: #f0f0f0 !important;
}

.btn-primary {
    background-color: #283850;
}

.progress-bar {
    background-color: #283850;
}

.navbar-default .navbar-nav>li>a {
    color: white;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #E8F0F0;
}

.nrw-metall__logo-container {
    display: flex;
    background: #e8f0f0; 
    height: 100px;
}

.nrw-metall__sublogo {
    display: flex;
    justify-content: center;
}

.nrw-metall__mainlogo {
    display: flex;
    justify-content: center;
}

/* media queries */

@media screen and (max-width: 479px) {

    .nrw-metall__logo-container {
        flex-direction: column;
        height: auto;
    }

    .nrw-metall__sublogo {
        order: 2;
        display: flex;
        justify-content: center;
    }

    .nrw-metall__progress {
        order: 3;
        display: flex;
        justify-content: center;
    }

    .nrw-metall__mainlogo {
        order: 1;
        display: flex;
        justify-content: center;
    }

}

@media screen and (max-width: 991px) {

    .row {
        margin: 0 !important;
    }

    .col-md-4 {
        padding: 0 !important;
    }

    .nrw-metall__logo-container {
        flex-direction: column;
        height: auto;
    }

    .nrw-metall__sublogo {
        order: 2;
        display: flex;
        justify-content: center;
    }

    .nrw-metall__progress {
        order: 3;
        display: flex;
        justify-content: center;
    }

    .nrw-metall__mainlogo {
        order: 1;
        display: flex;
        justify-content: center;
    }

}