message: adjust the spacing between the fotter items.
diff: padding-bottom: var(--micro);
  }
  - ul {
  - @media (max-width: 768px) {
  - flex: 0 0 22%;
  - margin-bottom: var(--xx-small);
  - }
  -
  - @media (max-width: 500px) {
  - flex: 0 0 35%;
  - }
  - }
  -
  li {
  &:first-child {
  font-weight: 600;
  }
  }
  + ul {
  + border: 2px solid red;
  + @media (max-width: 768px) {
  + margin-bottom: var(--xx-small);
  + }
  +
  + @media (max-width: 560px) {
  + flex: 0 0 34%;
  + }
  + }
  +
  .logo-wrapper {
  transform: translateY(-1px);
  }
  </a>
  </li>
  </ul>
  + <!-- <div style="flex: 0 0 100%">
  + &nbsp;
  + </div> -->
  <ul>
  <li>Company</li>
  <li><a href="/about/">About</a></li>
  