header div {
    display: flex;
    justify-content: space-around;
    
}

#proveedor{
    font-family: Calibri;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-decoration-line: none;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 3px 3px 3px 3px;
    border: 2px solid #69A021;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size: 1em;
    
}

#proveedor:hover{
    background: rgba(51,51,51,0.5);
}

#telefonos a, h6{
    text-align: right;
    font-family: calibri;
    font-style: italic;
    font-weight: 700;
    color: #fff;
    text-decoration-line: none; 
    font-size: 1em;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px 0px 0px 0px;
}

#telefonos img{
    width: 30px;
    height: 30px;
    margin-top: 2.5vh;
    padding: 0px 0px 0px 5px;
    
}

#btn-menu {
    display: none;
    
}

#menu_btn{
    width: 50px;
    margin: 0px 20px;
    
}

header label {
    display: none;
    width: 35px;
    height: 35px;
    padding: 10px;
    
}

header label:hover {
    cursor: pointer;
    background: rgba(0,0,0,0.3);
    
}

.menu ul {
    margin 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    justify-content: center;
    
   
    
}

.menu li {
    font-size: 1.1em;
    padding: 0vw 1.3vw 0vw 1.3vw;
    font-family: calibri;
    font-weight: 100;
    background-image: linear-gradient(rgb(105, 160, 33), rgb(105, 160, 33)) ;
    background-size: 0 3px, auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    transition: all .2s ease-out;
  }

.menu li:hover {
    background-size: 100% 3px, auto;
  }



.menu a{
    display: block;
    padding: 0px;
    margin: 0px;
    color: #fff;
    text-decoration-line: none;
    font-family: Calibri;
    font-size: 1.3em;   
}


@media (max-width: 768px){
    header label{
        display: contents;
    }
    .menu {
        position: absolute;
        background: #0E0933;
        width: 70%;
        margin-left: -70%;
        transition: all 0.5s;
        
    }
    .menu ul {
        flex-direction: column;
    }
    #btn-menu:checked ~ .menu{
        margin: 0;
    }
}