#h4Menu{z-index:9998;position:absolute;top:30px;right:106px;color:#fff;font-size:0.8rem}
.navicon{background:transparent;position:absolute;right:48px;top:28px;height:30px;width:50px;transition:linear 0.2s all;z-index:9999;}
.navicon:before,.navicon:after{background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;content:"";height:2px;left:0;transition:0.2s ease;width:45px;}
.navicon:before{box-shadow:#fff 0 14px 0 0;position:absolute;top:0;}
.navicon:after{position:absolute;top:28px;}
.navicon-active{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;height:100vh;top:0;right:0;display:inline;background-color:rgba(251, 110, 211,0.2);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);border: 1px solid rgba(255, 255, 255, 0.3);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{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:#fff;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:#fff;border-bottom:1px solid #fff;border-top:1px solid #fff;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:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;content: "";height:2px;left:0;transition:0.2s ease;width:30px;}
	.navicon:before{box-shadow:#fff 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(251, 110, 211,0.7);width:100vw;height:100vh;max-width:100vw;max-height:100vh;}
}