/* Menu */
.menu{
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.3px;
    background: url("../img/menu_background.jpg") ;
    color: white;
    border: 1px solid white;    
    border-top: none;  
}
.menu .contenedor-img-menu .img-menu{
    width:90px; 
    height:63px;
}
.menu .contenedor-img-menu{
    margin-left: -12px;

}
.menu label i{
    display: none;
}
.menu ul{
    list-style: none;
    display: flex;
    height: 100%;
    margin-right: -11px;
}
.barra-menu li{
    border-left: 1px solid #fff;
    align-self: center;
    height: 100%;
    display: flex;
    align-items: center;
    background: rgb(0,0,0,0.5);
    padding: 0px 15px;
}
.barra-menu li a{
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
}
.menu ul li:hover{
    background: rgba(50, 255, 84, 0.3);
}
.menu h1{
    align-self: center;
    color: rgb(255, 255, 255);
    text-shadow: 0px 0px 5px rgba(50, 224, 255, 0.678);
    border-bottom: 2px solid white;
    font-size: 2.5em;
    margin-bottom: 13px;
}

/* Responsive Desing Menu */
.menu label{

    text-align: center;
    display: none;
    height: 100%;
    width: 80px;
}
.menu label i{
    font-size: 45px;

    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}

.menu label:hover{
    cursor: pointer;
    background: rgba(255, 255, 255, 0.3);
}
#btn-menu{
    display: none;
}


/* Responsive Desing Page Main*/
/* Responsive Menu */


@media (max-width: 852px){
    #menu{
        text-align:center 
    }



}


@media (min-width: 800px){
    #menu{
        width: 1000px;
        text-align:center 
    }
}