.action_buttons {grid-column: 9 / 13;padding-right: 10px;a {float: right;&.icons {padding: 1rem 0.5rem;}}}.book_header {border-width: .5px;border-radius: 9999px;padding: 16px 24px;font-size: clamp(.625rem,calc(.17361vw + 8.88889px),.75rem);}#header {position: sticky;top:0;background-color: var(--light);z-index: 4;.container {padding: 0.4rem 0;}row {display: grid;align-items: center;grid-template-columns: repeat(12, 1fr);nav {grid-column: 1 / 5;}.logo {justify-self: center;grid-column: 5 / 9;}}ul {padding-inline-start: 0;li {display: inline;padding: 0 4px;}a {color: var(--dark);text-transform: uppercase;}}menu {position: fixed;height: 100%;top: 0;align-items: center;text-align: center;margin-block-start: 0;padding: 0;.menu {font-size: 0.9rem;writing-mode: vertical-lr;text-transform: uppercase;transform: rotate(180deg);margin-top: 48vh;cursor: pointer;}}.contact {position: fixed;height: 100%;top: 0;align-items: center;text-align: center;margin-block-start: 0;right: 0;p {font-size: 0.9rem;writing-mode: vertical-lr;text-transform: uppercase;transform: rotate(180deg);margin-top: 48vh;cursor: pointer;}}}#fullscreen__menu {position: fixed;height: 100vh;width: 100vw;overflow: hidden;z-index: 14;overflow-y: scroll;menu {position: fixed;height: 100%;top: 0;align-items: center;padding: 4px;text-align: center;margin-block-start: 0;.menu {font-size: 0.9rem;writing-mode: vertical-lr;text-transform: uppercase;transform: rotate(180deg);margin-top: 48vh;cursor: pointer;}}ul li {font-size: 1.2rem;padding: 10px 0px;}}.fw-3x {font-size: 1.4rem;text-align: center;text-wrap: nowrap;}#offcanvas {display: none;height: 100%;width: 550px;position: fixed;z-index: 11;top: 0;right: 0;overflow-x: hidden;background-color: var(--light);padding-top: 0px;#contact {position: absolute;right: 0px;height: 100%;top: 0;align-items: center;padding: 0px;text-align: center;margin-block-start: 0;cursor:pointer;p {font-size: 0.9rem;writing-mode: vertical-lr;text-transform: uppercase;transform: rotate(180deg);margin-top: 45vh;}}}#mob__menu {position: fixed;bottom: 3vh;max-width: 94vw;z-index: 11;left: 50%;padding: 0 0.42rem;transform: translateX(-50%);background-color: var(--light);border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;ul {display: inline-flex;margin: 0;padding: 0;width: 100%;justify-content: center;border: 10px;li {align-items: center;padding: .5rem 1.42rem;text-transform: uppercase;text-wrap: nowrap;text-align: center;font-size: 0.9rem;border-right: 1px solid var(--dark);&:last-child {min-width: 42px;border: none;}a {align-items: center;border: none;}}}}#mob__offcanvas {display: none;position: fixed;height: 100dvh;width: 100vw;overflow: hidden;z-index: 11;background-color: var(--dark);top: 0;left: 0;overflow-y: scroll;li {padding: 4px 0;a {color: white;}}div {padding: 0.4rem 1.4rem;}}@media screen and (max-width: 750px) {#mob__offcanvas {width: 100vw;.outline-btn {min-width: 30vw;}}}