/* ################################################### MIXIN HEADER LOGOCENTER ################################################## */



.desktop .navbar-brand {
    margin-left: auto;
    margin-right: auto!important;
    z-index: 100;
}

.desktop #mainnavigation {
    width: calc(100% + 20px);
    position: absolute;
}

.lg-up #mainnavigation .navbar-nav {
    margin-left: -1rem;
}

.lg-down #mainnavigation .navbar-nav {
    margin-left: -.5rem;
}


.sm-up #mainnavigation .navbar-nav-spacer {
    margin-left: auto;
}


.mobile #mainnavigation .navbar-nav {
    margin-left: 0;
}