.contenedor {
    width: 5%;
    /* margin: auto; */
    display: table;
    position: absolute;
    top:0%;
    left:-20px;
   }
  
    header label {
        float: right;
        font-size: 28px;
        margin: 6px 2px 6px 0px;
        cursor: pointer; }
      
      .contenedor .menu {
        position: absolute;
        top: 25px;
        left: 0px;
        width: 300%;
        padding: 0;
        height: 150vh;
        background-color:  rgba(128, 222, 250, 0.6);  /*rgba(131, 188, 211, 0.5); */
        list-style: none;
        border-radius: 10px;
        transition: all 0.5s;
        transform: translateX(-100%);
        display: flex;
        flex-direction: column; }
      
     .menu li a {
        display: block;
        color: #fff;
        height: 30px;
        text-decoration: none;
        padding: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        line-height: 28px;
        width:95%;
      
     }
      
      .menu li a:hover {
        background: rgba(255, 255, 255, 0.3); }

        .mh { 
           font-size:24px;
            color:#ffffff;
            display: block; }
          
          .x {
            color:#ffffff;
            font-size:24px;
            display: none; }
          
          .check:checked ~ .menu {
            /* + que siguehermano*/
            transform: translateX(0%); }
          
          .check:checked ~ .x {
            display: inline; }
          
          .check:checked ~ .mh {
            display: none; }
          
          .check{
            display:none;
          }
          
           .mh:hover{
              transform: scale(1.08);
              color: aquamarine;
           }

           .x:hover{
            color: aquamarine;
           }


           @media(max-width:768px) {

            .menu{ display:none;}
            .mh{display:none;}
            .x{display:none;}
            .contenedor{
              display:none;
            }

            .menu li a{
              display:none;
            }
           }