header{height:128px;flex-direction:column;justify-content:center;align-content:flex-start;font-size:24px}header #logo{display:flex;flex-grow:0;flex-shrink:0;max-width:400px}header #menu-icon{display:none}header #menu,header #menu-toggle:checked~#menu{background:transparent;display:flex;order:3;justify-content:center;width:calc(100% - 400px);padding-right:400px;font-size:22px}header #menu ul,header #menu-toggle:checked~#menu ul{padding-right:240px;display:flex;justify-content:center;padding:10px;margin:0 -20px}header #menu ul li a,header #menu-toggle:checked~#menu ul li a{padding:10px}header #menu ul li a:hover,header #menu-toggle:checked~#menu ul li a:hover{color:#d5e1df}header #extra,header #menu-toggle:checked~#extra{display:flex;flex-direction:row;justify-content:flex-end;width:calc(100% - 400px);font-size:22px}header #extra ul,header #menu-toggle:checked~#extra ul{display:flex;flex-wrap:nowrap;justify-content:center;padding:10px}header #extra ul li a,header #menu-toggle:checked~#extra ul li a{display:block;padding:10px}header #extra ul li a:hover,header #menu-toggle:checked~#extra ul li a:hover{color:#d5e1df}