#btn_menu{cursor:pointer; display:none; position:absolute; right:10px; top:50%; margin-top: 0;  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:checked ~ nav{-ms-transform:translateX(0);-webkit-transform:translateX(0);overflow-y:scroll;transform:translateX(0)}

@media screen and (max-width: 955px) {
    
    header{z-index: 2; top: 0; width: 100%;left: 0;}

    header nav{text-align: center;color:#FFF;height:calc(100% - 60px);width:100%;background:rgba(0,0,0,0.7);overflow:scroll;position:fixed;right:0;top:9.2vw;padding: 20px 0}
    header nav form{display: block;}
    body header nav ul , body header nav ul li{display: block; width: 100%; text-align: center;}
    body header nav ul{left:auto !important; height: auto !important; margin: auto; text-transform: uppercase;}
    header #btn_menu{display:block}
    
    #menuActive ~ nav{-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);transition:transform .6s}
    body header nav ul ul{top:auto; opacity: 1; background: transparent; position: relative; margin-top: 0; text-transform: none; padding: 5px 0 20px 0;}
    
    body header nav ul li, body header nav  ul li:hover,body header nav  ul li li:hover{padding-bottom: 5px;padding-top: 5px;margin-top: 0;margin-bottom: 0}

    header nav ul li li.active{color: inherit;}
    header nav ul li li.active a::after{content: " «"}
    header nav ul li li.active a::before{content: "» "}

    header nav #btn_search{display: none;}
    body header form{ opacity: 1; width: 100%;top: auto; right: auto; position: relative; background-color: transparent; margin-top: 10px}
    body header form .searchbar{ width: 60%; max-width: 300px; border-bottom:none; border-radius: 25px; height: 40px; background-color: rgba(255,255,255,0.5);}
    body header form button{top:auto; left: auto;position: relative;display: inline-block; margin-left: -40px; z-index: 2; color: #F08202;height: 40px;width: 40px;}
}