.grid-menu{
    display:grid;
    grid-template-columns: 55% 20% 15% 10%;
    height: 106px;
    /*padding:27px 65px 0px 40px;*/
    padding-left: 27px;
    grid-template-areas:
    'logo redes telefono boton';
}

.botones_redes{
    justify-content: space-between;
}
.mr30{margin-right: 30px;}

.menu-absoluto{
    background: black;
    position: absolute;
    display:none;
    width: 100%;
    height: 100vh;
    opacity: 0.9;
    z-index: 1;
    top:0;
    left:0;
}
.opciones-menu{
    color: white;
    font-weight: bold;
    display: grid;
    grid-template-rows: repeat(4,25%);
    font-size: 1.5em;
    place-items: center;
    grid-gap: 0.75em;
}
#menu-logo{ grid-area: logo; }
#menu-redes{ grid-area: redes; }
#menu-telefono{ grid-area: telefono; }
#menu-boton{ grid-area: boton; }
.grid-menu-a{
    display:grid;
    grid-template-columns: 55% 20% 15% 10%;
    height: 106px;
    padding-left: 0.5em;
    grid-template-areas:
    'logo2 redes2 telefono2 botonCerrar';
}
#menu-a-logo{ grid-area: logo2; }
#menu-a-redes{ grid-area: redes2; }
#menu-a-telefono{ grid-area: telefono2; }
#menu-a-boton{ grid-area: botonCerrar; }

@media only screen and (min-width: 800px) and (max-width: 1281px) { 
    .grid-menu {
        display: grid;
        grid-template-columns: 45% 25% 20% 10%;
        height: 106px;
        padding-left: 0.5em;
        grid-template-areas:
        'logo redes telefono boton';
    }
} 
@media only screen and (max-width: 799px){ 
    #menu-logo{
        padding-left: 0.5em;
    }
    .grid-menu{
        display:grid;
        grid-template-columns: 50% 50% ;
        height: 106px;
        /*padding:27px 65px 0px 40px;*/
        padding-left: 0em;
        grid-template-areas:
        'logo  boton';
    }
    #menu-redes{ display:none; }
    #menu-telefono{ display:none; }
    #menu-boton {
        grid-area: boton;
        justify-self: end;
        padding-right: 1em;
    }
    #menu-a-redes{ display:none; }
    #menu-a-telefono{display: none;}
    .grid-menu-a{
        display:grid;
        grid-template-columns: 50% 50% ;
        height: 106px;
        /*padding:27px 65px 0px 40px;*/
        padding-left: 0em;
        grid-template-areas:
        'logo2  botonCerrar';
    }
    #menu-a-logo{
        padding-left: 0.5em;
    }
    #menu-a-boton {
        grid-area: botonCerrar;
        justify-self: end;
        padding-right: 2em;
    }
}