@media (max-width: 769px) {#page-nav {padding:0;width:100%;position:fixed;left:0;top:0;}#page-nav label {display: inline-block;}#page-nav input:checked ~ ul {display: block;}#page-nav label {font-style: normal;font-size: 1.8em;padding: 10px;display: inline-block;}#page-nav ul {display: none;}.menu-button-container {display: flex;height: 30px;width: 30px;cursor: pointer;flex-direction: column;justify-content: center;align-items: center;margin-top:10px;}#menu-toggle {display: none;position:fixed;outline: none;}.menu-button {position: absolute;top:33px;right:20px;}.menu-button, .menu-button::before, .menu-button::after {display: block;background:rgba(255, 255, 255, 1);;position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 0px;outline: none;}.menu-button::before {content: '';margin-top: -8px;outline: none;}.menu-button::after {content: '';margin-top: 8px;outline: none;}#menu-toggle:checked + .menu-button-container .menu-button::before {margin-top: 0px;transform: rotate(405deg);outline: none;}#menu-toggle:checked + .menu-button-container .menu-button {background: rgba(255, 0, 0, 0);outline: none;}#menu-toggle:checked + .menu-button-container .menu-button::after {margin-top: 0px;transform: rotate(-405deg);outline: none;}}