#mmenu.nav-wrapper{position: fixed;width: 100%;transition: transform .3s;left: 0; z-index: 999;right: 0;}
.menu-button{color:#fff;cursor:pointer;font-size:2rem;padding:.75rem 1.55rem;position:fixed;right:0}
.open-menu{color:#000000;cursor:pointer;font-size:1rem;padding:1rem;position:absolute;right:0;top:0;transition:transform 250ms ease}
.rotate{transform:rotate(135deg);color: #76bc5e;}
.overflow{margin-top:0;overflow-x:hidden;overflow-y:auto}
#mobile-nav{background-color:#ffffff;width:100%;z-index:1}
#mobile-nav ul{background-color:rgba(0,0,0,.1);display:none;margin:0 1rem;padding:0;position:relative}
#mobile-nav ul:first-child{background-color:transparent}
#mobile-nav ul li{border-top:1px solid rgba(0,0,0,.075);list-style:none;margin-bottom:0;position:relative}
#mobile-nav ul li a{color:#000000;display:inline-block;font-size:0.875rem;padding:1rem 0;text-decoration:none;width:100%}
#mobile-nav ul ul{margin:0}
#mobile-nav ul ul li{border-top:none;padding-left:1rem;padding-right: 1rem;}

#my-page.open-slideout #hamburger:before{transform: rotate(45deg);top: 10px;}
#my-page.open-slideout #hamburger:after {transform: rotate(-45deg);top: 10px;}
#my-page.open-slideout #hamburger span {left: -50px;opacity: 0;}
#mmenu.nav-wrapper.open{ box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);}