/*#region ********** HEADER *********** */

:root {
    /* Colores de la aplicacion */
    --white: #ffffff;
    --black: #222221;
    --mscyellow: #eed484;
    --mscwarmgrey: #8b8178;
}


/* Contenedor de imagen*/

.logo-container--nav {
    width:96%;
    max-width: 150px;
    margin: 0 auto;}

    .logo-container--nav img {
        height: auto;
        width:  100%;
    }

/*Franja arriba del todo*/
.top {
    width: 100%;
    height: 8px;
    background-color: var(--mscyellow);
}

/*Franja amarilla debajo del menu y el logo*/
.hfranja {
    height: 1px;
    width: 100%;
    margin-bottom: 10px;
    background-color: var(--mscyellow);
}

/*
    .sbuvar{
        z-index:;
    }*/

/*#endregion*/

/*#region ********** FOOTER *********** */
.navstyle {
    list-style-type: disc;
    color: #222221;
}

    .navstyle li a {
        color: #222221;
    }


/*** Links ***/

.lcont {
    background-color: #E5EDF3;
}

.laText {
    font-size: 11px;
}


    .laText img {
        width: 10px;
        height: 10px;
    }


@media (min-width: 400px) {

    .laText {
        font-size: 13px;
    }


        .laText img {
            width: 12px;
            height: 12px;
        }
}

@media (min-width: 450px) {

    .laText {
        font-size: 16px;
    }


        .laText img {
            width: 15px;
            height: 15px;
        }
}



/*#endregion*/