header .header{box-shadow:0 4px 5px rgba(0,0,0,0.14),0 1px 10px rgba(0,0,0,0.12),0 2px 4px rgba(0,0,0,0.2)}header .header .outer-wrapper a::before header .header .outer-wrapper .sub-menu::before{background:hsla(240,27%,98%,1)}header .header .outer-wrapper .sub-menu{color:hsla(240,27%,98%,1)}header .header .outer-wrapper .sub-menu:hover,header .header .outer-wrapper .sub-menu:focus,header .header .outer-wrapper .sub-menu:active{color:#00a2f0}header .header .outer-wrapper .sub-menu .sub-nav-menu{background-color:hsla(225,11%,15%,1);padding:calc((100vw/16) / 6);box-shadow:0 8px 10px rgba(0,0,0,0.14),0 3px 14px rgba(0,0,0,0.12),0 5px 5px rgba(0,0,0,0.2);margin-top:calc(100vh - 6.5vh)}.mobile-nav-button::before,.mobile-nav-button::after{background-color:hsla(240,27%,98%,1)}.mobile-nav-button::before,.mobile-nav-button::after{background:hsla(240,27%,98%,1)}.mobile-nav-button:hover:before,.mobile-nav-button:hover:after{background:#61b212}.mobile-nav-button.expanded::before,.mobile-nav-button.expanded::after{background:#61b212}@media screen and (max-width:1366px){header .header nav.outer-wrapper{height:calc(100vh - 10vh);width:var(--grid-column-7);right:calc(calc((100vw/16) * 8)*-1);top:10vh;background-color:hsla(230,11%,11%,1)}header .header nav.outer-wrapper .inner-wrapper{width:var(--grid-column-4)}header .header .outer-wrapper .sub-menu{color:hsla(240,27%,98%,1)}header .header .outer-wrapper .sub-menu:hover,header .header .outer-wrapper .sub-menu:hover,header .header .outer-wrapper .sub-menu:hover{color:#61b212}header .header .outer-wrapper .sub-menu .sub-nav-menu a{color:hsla(240,27%,98%,1)}header .header .outer-wrapper .sub-menu .sub-nav-menu a:hover,header .header .outer-wrapper .sub-menu .sub-nav-menu a:focus,header .header .outer-wrapper .sub-menu .sub-nav-menu a:active{color:#61b212}}@media screen and (max-width:812px) and (orientation:landscape){header .header nav.outer-wrapper{top:16vh}header .header nav.outer-wrapper .inner-wrapper{margin:calc(calc(100vh/16) + calc((100vh/16) / 2)) 0;justify-content:flex-start;width:calc((100vw/16) * 6)}}@media screen and (max-width:768px) and (orientation:portrait){header .header nav.outer-wrapper{width:calc((100vw/16) * 8);right:calc(calc((100vw/16) * 8)*-1)}header .header nav.outer-wrapper .inner-wrapper{width:calc((100vw/16) * 6)}}@media screen and (max-width:420px) and (orientation:portrait){header .header nav.outer-wrapper{top:12vh}header .header nav.outer-wrapper .inner-wrapper{margin:calc(calc(100vh/16) + calc((100vh/16) / 2)) 0}}