@media screen and (max-width: 767px) {
            /* menu movil */

            .menuppal .cabezote img {
                left: 15px;
                top: -40px;
            }

            .text_menu-movil {
                font-weight: 400;
                font-size: 14px;
                line-height: 18px;
                color: hsl(240, 100%, 18%);
                position: absolute;
                left: 22px;
            }

            .hamburger{
                position: absolute;
                background-color: transparent;
                right: 0px;
                top: 0;
                height: 70px;
                width: 70px;
                padding: 5px;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
                transition: transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
                z-index: 1002;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

            .hamburger.is-active{
                background-color:hsl(0, 0%, 10%);
              }

            ._layer{
                background: hsl(19, 100%, 50%);
                margin-bottom: 2.2px;
                border-radius: 2px;
                width: 28px;
                height: 2px;
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                -webkit-transition: all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
                transition: all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
                position: relative;
                left: 18px;
                top: 24px;
            }

            .hamburger:hover .-top{
                -webkit-transform:translateY(-100%);
                -ms-transform:translateY(-100%);
                transform:translateY(-100%);
            }

            .hamburger:hover .-bottom{
                -webkit-transform:translateY(100%);
                -ms-transform:translateY(100%);
                transform:translateY(100%);
            }

            .hamburger.is-active .-top{
                -webkit-transform:translateY(200%) rotate(45deg) !important;
                -ms-transform:translateY(200%) rotate(45deg) !important;
                transform:translateY(200%) rotate(45deg) !important;
            }

            .hamburger.is-active .-mid{
                opacity:0;
            }

            .hamburger.is-active .-bottom{
                -webkit-transform:translateY(-200%) rotate(135deg) !important;
                -ms-transform:translateY(-200%) rotate(135deg) !important;
                transform:translateY(-200%) rotate(135deg) !important;
            }
            
            .menuppal.is_active{
            transform: translate3d(0px, 0px, 0px);
            }
            .menuppal{
            background-color: hsl(0, 0%, 10%);
                bottom: 0;
                height: 100%;
                left: 0;
                overflow-y: scroll;
                position: fixed;
                top: 0;
                transform: translate3d(100%, 0%, 0px);
                transition: transform 0.35s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s;
                width: 100%;
                z-index: 1001;
                padding: 70px 10px;
            }
            .menuppal ul{
            margin:0;padding:0;
            }
            .menuppal ul li { 
                padding: 5px 0px;
                list-style: none;
                text-align: left;
                /* height: 3em; */
                color: hsl(210, 50%, 40%);
                text-transform: none;
                margin-left: 15px;
            }

            .menuppal ul li a{
                text-decoration: none;
                color: hsl(0, 0%, 48%);
                font-size: 22px;
                font-weight: 400;
            }

            .menuppal ul li a:hover{
            text-decoration:none;
            color:hsl(0, 0%, 20%);
            }

            .submenu-1 li {
                padding: 5px 0px !important;
            }

            .submenu-1 li a{
                font-size: 16px !important;
                margin-right: 40px;
                line-height: 5px;
            }
            
            .submenu-2 li {
                padding: 5px 0px !important;
            }

            .submenu-2 li a{
                font-size: 12px !important;
                margin-right: 40px;
                line-height: 5px;
            }

            /* fin menu movil */
        }

    }