#btn_menu{cursor:pointer; display:none; position:absolute; right:20px; top:38px; width:25px;transform: translateY(-50%);}
#btn_menu #menuText{left:-62px; position:absolute;top:0}
#btn_menu span{background:#000; border-radius:3px; display:block; height:3px; margin-bottom:4px; transition:transform .3s}
#menuActive{display:none}
#menuActive:checked ~ #btn_menu span:nth-child(1){-ms-transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}
#menuActive:checked ~ #btn_menu span:nth-child(2){-ms-transform:translateX(80px);-webkit-transform:translateX(80px);transform:translateX(80px)}
#menuActive:checked ~ #btn_menu span:nth-child(3){-ms-transform:translateY(-6px) rotate(-45deg);-webkit-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg)}
#menuActive ~ ul{display: none;}
#menuActive:checked ~ nav{-ms-transform:translateX(0);-webkit-transform:translateX(0);overflow-y:scroll;transform:translateX(0)}

@media screen and (max-width: 1425px) {
    aside{display: none;} main{width: 100%}
    #menuActive:checked ~ ul{z-index: 3;display: block;text-align: center;color:#FFF;height:calc(100% - 100px);width:100%;background:rgba(0,0,0, 0.85);overflow:scroll;position:fixed;right:0;top:90px;padding: 20px 0}

    header #btn_menu{display:block}

    #menuActive ~ nav{-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);transition:transform .6s}
    body header nav li{padding-top: 10px; padding-bottom: 10px}
    body header nav ul ul{padding-left:50px;}


    body header nav ul a{color: #fff; text-decoration: none; font-size: 1rem;}
    body header nav ul a img{ filter: invert(1); }
    header nav>ul>li{ width: 13rem; text-align: left; margin:auto;}
}