.mobile-menu-toggle{display:block;position:fixed;top:15px;right:15px;z-index:1000;background:none;border:none;cursor:pointer;padding:10px;min-width:45px;min-height:45px;}.mobile-menu-toggle span{display:block;width:25px;height:3px;background-color:#333;margin:5px 0;transition:all .3s ease;}.mobile-menu{display:none;background-color:#fff;position:fixed;top:60px;right:10px;width:calc(100vw - 20px);max-width:300px;box-shadow:0 2px 5px rgba(0,0,0,.1);border-radius:4px;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;}.mobile-menu.active{display:block;opacity:1;transform:translateY(0);}.mobile-menu ul{list-style:none;padding:10px;margin:0;}.mobile-menu li{margin:5px 0;}.mobile-menu a{display:block;padding:12px 15px;color:#333;text-decoration:none;transition:background-color .2s ease;}.mobile-menu a:hover{background-color:#f5f5f5;}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}.mobile-menu-toggle.active span:nth-child(2){opacity:0;}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);}@media screen and (min-width:901px){#main{max-width:var(--width-outermost-container)}.mobile-menu-toggle,.mobile-menu-container,.mobile-menu{display:none!important}.mobile-menu-toggle{display:block;right:10px;top:10px}.mobile-menu{right:5px;top:55px;width:calc(100vw - 10px)}}@media screen and (max-width:900px){nav.main-navigation{display:none}header ul,header nav{display:block!important}.mobile-menu-toggle{display:block!important}.mobile-menu li{list-style:none}}