.site-header{display:flex;position:fixed;width:100%;justify-content:space-between;background:#025997;box-shadow:0 4px 12px #00000008;height:72px;align-items:center}.site-header a{text-decoration:none}.book-btn{width:100px;background-color:transparent;padding:10px 8px 8px;border-radius:1000px;border:1px solid white;transition:.2s all}.book-btn:hover{background-color:rgba(255,255,255,0.243);color:black}.nav__main-list__item{flex:1;text-align:center;font-size:15px}.nav__main-list__item a{color:#f7f7f7;text-transform:uppercase}ul.menu-items{flex-direction:row;justify-content:space-between;align-items:center}.nav__main-list__logo{font-size:27px;letter-spacing:1px}nav{width:100%}@media(max-width:768px){.site-header{height:50px}ul.menu-items{flex-direction:column;top:25px;position:absolute;background:#f7f7f7;width:100%;height:100vh;justify-content:unset;padding:30px 10px;counter-reset:mobileNavMainListItem;align-items:unset}.mobile-override{display:flex !important}.mobile-override li a{color:#0d0e13;font-size:2.25rem;padding:.5rem;text-decoration:none;line-height:3.5rem}nav{position:absolute}.nav__main-list__item{counter-increment:mobileNavMainListItem;flex:unset;text-align:unset}.item-numbered::before{content:counter(mobileNavMainListItem) "— ";font-size:20px;vertical-align:top;min-width:30px;display:inline-block}.top-bar__order-btn{color:#f7f7f7;align-items:center;font-weight:lighter}.top-bar__order-btn::after{content:" →";margin:10px 0 13px 5px}}.checkbox{display:block;left:20px;position:absolute;height:30px;width:30px;z-index:5;opacity:0;cursor:pointer}.hamburger-lines{display:block;height:15px;width:20px;z-index:2;display:flex;flex-direction:column;justify-content:space-between;position:relative;left:20px}.hamburger-lines .line{display:block;height:2px;border-radius:10px;background:#f7f7f7}.hamburger-lines .line1{transform-origin:0 0;transition:transform .4s ease-in-out}.hamburger-lines .line2{transition:transform .2s ease-in-out}.hamburger-lines .line3{transform-origin:0 100%;transition:transform .4s ease-in-out}.navbar .menu-items li{margin-top:1.2rem;font-weight:500}.logo{position:absolute;top:5px;left:15px;color:#f7f7f7}input[type="checkbox"]:checked~.menu-items{transform:translateX(0)}input[type="checkbox"]:checked~.hamburger-lines .line1{transform:rotate(43deg);top:0;position:relative}input[type="checkbox"]:checked~.hamburger-lines .line2{transform:scaleY(0)}input[type="checkbox"]:checked~.hamburger-lines .line3{transform:rotate(-43deg)}