@media screen and (min-width: 1366px) {
  #menu {
    --totalLeft: calc(100% - var(--max-width));
    left: calc(var(--totalLeft) / 2);
  }
}

@media screen and (max-width: 1366px) {
  :root {
    --max-info-width: calc(100vw - var(--menuWidth) - 110px);
  }
  #menu {
    padding-left: 60px;
  }
}

@media screen and (max-width: 1000px) {
  :root {
    --menuWidth: 200px;
  }
}

@media screen and (max-width: 820px) {
  :root {
    --menuWidth: 150px;
  }
}

@media screen and (max-width: 750px) {
  footer .footerLink a {
    width: 2.2em;
    height: 2.2em;
  }
  div .contactInfo {
    flex-direction: column;
    margin: 1em 0 !important;
    width: 100%;
    padding-left: var(--menuWidth);
  }
  .buildingBanners img {
    height: 100%;
    object-fit: cover;
  }
  .buildingBanners > div {
    display: none;
  }
  .container {
    padding-top: 0;
  }
  div .contactInfo {
    align-items: center;  
  }
  div .contactInfo p {
    margin: 0.5em;  
  }
  .rights {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}