.header__shell {
  border-bottom: 3px solid var(--colorLotusDark);
}

.header__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spaceL);
  padding: var(--spaceL) 0;
}

.header__logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spaceM);
  padding: var(--spaceL) 0 var(--spaceM) 0;

  @media all and (max-width:700px) {
    justify-content: center;
    flex: 1 1 100%;
  }

}

.header__logo__secondary {
  transform: scale(0.75);
}

.header__top img {
  display: block;
  height: auto;
  max-height: clamp(4rem, 5.20vw, 8rem);
  width: auto;
}

.menu__shell {
  margin-left: auto;

  @media all and (max-width:700px) {
    justify-content: center;
    flex: 1 1 100%;
    display: flex;
  }

  ul {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spaceM);
    margin: 0;
    padding: 0;
  }

  li {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  a {
    text-decoration: none;
    font-size: var(--fSizeH5);
    font-weight: 500;
  }

}

.footer__shell {
  background-color: var(--colorLotusInk);
  color: var(--colorLight);
  padding: var(--spaceXl) 0;
  margin-top: var(--spaceXl);

  a {
    color: var(--colorLight);
  }

  a:hover {
    color: var(--colorLotusLight);
  }

}

.footer__top {
  max-width: 70rem;
}

.footer__bottom {
  margin-top: var(--spaceXl);
}

.footer__bottom,
.footer__bottom * {
  font-size: var(--fSizeMinimum);
}