#h4Menu{z-index:9998;position:absolute;position:fixed;top:30px;right:106px;color:#333;font-size:0.8rem}
.navicon{background:transparent;position:absolute;position:fixed;right:48px;top:28px;height:30px;width:50px;transition:linear 0.2s all;z-index:9999;}
.navicon:before,.navicon:after{background:#333;-webkit-backface-visibility:hidden;backface-visibility:hidden;content:"";height:2px;left:0;transition:0.2s ease;width:45px;}
.navicon:before{box-shadow:#333 0 14px 0 0;position:absolute;top:0;}
.navicon:after{position:absolute;top:28px;}
.navicon-active{position:fixed;margin-top:0;transition:linear 0.2s all;}
.navicon-active:before{box-shadow:transparent 0 0 0 0;top:15px;transform:rotate(225deg);}
.navicon-active:after{top:15px;transform:rotate(315deg);}

.toggle{position:absolute;top:0;right:0;display:inline;background:rgba(27, 150, 183,0.9);width:300px;padding:30px 10px 10px 10px;opacity:0;transition:ease-in 0.1s all;transform:translateY(-200%);max-width:300px;min-width:300px;z-index:500;}
.toggle-active{position:fixed;display:block;opacity:1;transition:ease-in 0.1s all;transform:translateY(0);}
.toggle__menu{margin-top:60px;margin-bottom:25px;}
.toggle__menu li {width:80%;display:block;margin:10px auto;}
.toggle__menu li a{text-decoration:none;color:#333;display:block;text-align:left;font-size:17px;text-transform:uppercase;border-bottom:1px solid transparent;border-top:1px solid transparent;font-weight:500;padding:5px 0;}
.toggle__menu li a span{text-transform:lowercase;}
.toggle__menu li a:hover{color:#333;border-bottom:1px solid #333;border-top:1px solid #333;font-weight:500;}
@media only screen and (max-width: 651px){ 
.navicon{background:transparent;position:absolute;right:20px;top:20px;height:20px;height:20px;width:30px;transition:linear 0.2s all;z-index:9999;}
#h4Menu{display:none}
.navicon:before,.navicon:after{background:#333;-webkit-backface-visibility:hidden;backface-visibility:hidden;content: "";height:2px;left:0;transition:0.2s ease;width:30px;}
.navicon:before{box-shadow:#333 0 14px 0 0;position:absolute;top:0;}
.navicon:after{position:absolute;top:7px;}
.navicon-active{position:fixed;margin-top:0;transition:linear 0.2s all;}
.navicon-active:before{box-shadow:transparent 0 0 0 0;top:5px;transform:rotate(225deg);}
.navicon-active:after{top:5px;transform:rotate(315deg);}
.toggle{background:rgba(27, 150, 183,0.9);width:100vw;height:100vh;max-width:100vw;max-height:100vh;}
}