nav,nav #nav-items,nav .nav-items{position:fixed;left:0;right:0;z-index:999}nav,nav #menu-btn,nav #nav-items.active,nav .nav-items.active{display:flex}footer,footer .top,footer .top .nav .footer-nav-item{width:100%}nav{top:0;display:flex;justify-content:center;align-items:center;padding:1em;width:100%}nav .wrapper {width:86em;display:flex;justify-content:space-between;align-items:center;}nav #menu-btn{justify-content:center;align-items:center;padding:.8em .5em;border:.6em;background-color:var(--gray-50)}nav #nav-items,nav .nav-items{top:5em;min-width:100vw;min-height:calc(100vh - 4.5em);display:none;flex-direction:column}nav .nav-items a{padding:.8em 2em;text-align:left;cursor:pointer;color:var(--gray-900);background-color:var(--gray-100);transition:.3s;font-weight:400;display:flex;align-items:center;border-bottom:2px solid transparent}nav .nav-items a:hover{color:var(--red-300)}nav .actions{display:none}footer{background-color:var(--red-900);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3em;gap:2em}footer .top{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2em}footer .top .logo-wrapper{display:flex;align-items:center}footer .top .title{color:var(--white)}footer .top .nav{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-items:center;gap:2em}footer .top .nav .footer-nav-item a{text-align:start;color:var(--white)}footer .bottom{width:100%;display:flex;justify-content:flex-start;text-align:start;color:var(--gray-500)}@media (min-width:728px){nav{padding:1em 2em}nav #nav-items,nav .nav-items{position:static;min-width:auto;min-height:auto;display:flex;flex-direction:row;gap:2em}nav #menu-btn{display:none}nav .nav-items a{color:var(--white);background-color:transparent;padding:0}nav .actions{display:flex}footer .bottom,footer .top .nav .nav-item a{text-align:center}footer .top{flex-direction:row;justify-content:space-between;align-items:center}footer .left-content,footer .right-content{min-width:8em}footer .top .nav{flex-direction:row}footer .bottom{justify-content:center}}@media (min-width:1440px){.navbar .container,footer .top{width:86em}}