#nav {
     gap: 0 2.3rem;
     display: grid;
     padding: 2.3rem 2.3rem 0 2.3rem;
 }

 @media(max-width: 639px) {
     #nav {
         grid-template-columns: 1fr auto;
     }

     .nav-div-link {
         display: none;
     }

     #nav-button {
         color: inherit;
         background: unset;
         font-size: 3.6rem;
     }
 }

 @media(min-width: 640px) {
     #nav {
         font-size: 1.8rem;
         grid-template-columns: 1fr repeat(6, auto);
     }

     #nav-div-hamburger {
         display: none;
     }
 }

 @media(max-width: 799px) {
     #nav-a-logo {
         width: 5.6rem;
         height: 4.8rem;
         display: block;
         background: url("/logo-mobile.svg") no-repeat;
     }
 }

 @media(min-width: 800px) {
     #nav-a-logo {
         width: 14.8rem;
         height: 4.8rem;
         display: block;
         background: url("/logo-desktop.svg") no-repeat;
     }
 }

 #footer {
     text-align: center;
     color: rgb(var(--white));
     background: rgb(var(--black));
     padding: calc(var(--spacing) / 3);
 }