/* fijamos body separado del nabbar para que cuando éste último se extienda,
no afectee la posición de body | los 56px es el alto del menu, que, si por alguna
razón variara con el ancho de la pantalla, habría que usar @media según se
requiera */
body {
    padding-top: 56px;
}
.navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

/* color en navbar */
.navbar {
    background-color: #3232a0;
}

/* footer color y distancia al fondo*/
#footer {
    background-color: #3232a0 !important;
    padding-bottom: 0px !important;
}

#footer hr {
    color: white !important;
    opacity: 0.5 !important;
}

/* footer-lower, el color para "a" es independiente de twhite, que se aplica al div
parent, pero al llegar a "a" cambia la regla al típico azul */
.footer-lower .mbr-text {
    text-align: center;
}

.footer-lower a {
    color: white !important;
}

.footer-lower a:hover {
    color: #6b6b6b !important;
}

.footer-lower [class^="mbr-iconfont-social"] {
    color="white" !important;
}