#menu {
    display: block;
    top:0px;
    z-index: 1000;
    background-color: #fff;
    width: 100vw;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

#logo-wrap {
    display: block;
    position: relative;
}

#lenguajes{
    display: inline-block;
    position: absolute;
    color: #333!important;
    text-decoration: none;
}

#menu-btn-stack {
    display: inline-block;
    position: absolute;
    color: #333!important;
    text-decoration: none;
}

.submenu_wrap {
    background-color: #f1f1f1;
}

#submenu {
    z-index: 1000;
}

#submenu .item {
    color:#fff!important;
    background-color: #005abe;
    text-decoration: none;
}

#submenu .item:hover {
    color:#fff!important;
    background-color: #070707;
    text-decoration: none;
}

#submenu .item-waze {
    color:#fff!important;
    background-color: #33ccff;
    text-decoration: none;
    font-weight: bold;
}

#submenu .item-waze:hover {
    color:#fff!important;
    background-color: #333;
    text-decoration: none;
}

#submenu .item-whatsapp {
    color:#fff!important;
    background-color: #26d366;
    text-decoration: none;
    font-weight: bold;
}

#submenu .item-whatsapp:hover {
    color:#fff!important;
    background-color: #333;
    text-decoration: none;
}

@media screen and (min-width: 0px) {
    #menu {
        height: 80px;
    }
    #logo-wrap {
        top: 5px;
    }

    #logo .logo {
        max-height: 50px;
    }
    #menu-btn-stack {
        width: 100px;
        top: 22px;
        right: 0;
    }
    #lenguajes {
        width: 100px;
        top: 32px;
        left: 5vw;
    }
}

@media screen and (min-width: 768px) {
    #menu {
        height: 100px;
    }
    #logo-wrap {
        top: 15px;
    }
    #logo .logo {
        max-height: 60px;
    }
    #menu-btn-stack {
        width: 100px;
        top: 35px;
        right: 4vw;
    }
    #lenguajes {
        width: 100px;
        top: 45px;
        left: 5vw;
    }
}

@media screen and (min-width: 990px) {
    #menu {
        height: 120px;
    }
    #logo-wrap {
        top: 15px;
    }
    #logo .logo {
        max-height: 70px;
    }
    #menu-btn-stack {
        width: 100px;
        top: 45px;
        right: 4vw;
    }
    #lenguajes {
        width: 100px;
        top: 55px;
        left: 5vw;
    }
}

@media screen and (min-width: 1180px) {
    #menu {
        height: 150px;
    }
    #logo-wrap {
        top: 20px;
    }
    #logo .logo {
        max-height: 80px;
    }
    #menu-btn-stack {
        width: 100px;
        top: 55px;
        right: 4vw;
    }
    #lenguajes {
        width: 100px;
        top: 60px;
        left: 5vw;
    }
}