#menu{margin:60px 0}@media (min-width: 601px){#menu{scroll-snap-align:start}}#menu ul{display:flex;justify-content:space-around;align-items:flex-end;padding:0;list-style:none;min-height:50px}#menu li{flex:1;text-align:center}#menu a{text-decoration:none;padding:5px 10px}#menu a:hover,#menu a.active{border-bottom:5px solid #333}#menu .close,#menu .open{display:none}@media (max-width: 768px){#menu{margin:0}#menu ul{align-items:center;flex-direction:column;position:fixed;z-index:2;inset:0;background:white}#menu ul li{display:flex;align-items:center}#menu .close{display:block;position:fixed;z-index:3;bottom:0;right:0;width:40px;height:40px;line-height:25px;font-size:1.5rem;padding:0;background-color:transparent;color:#333}#menu .open{display:block;position:fixed;bottom:0;right:0;width:40px;height:40px;padding:9px}#menu ul.is-closed,#menu .close.is-closed{display:none}}