#header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: var(--background-banner-height);
}

#main-logo {
  display: table;
  height: 435px;
  width: 435px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 50%);
}

@media only screen and (max-width: 500px) {
  #main-logo {
    height: calc(100vw * 435 / 500);
    width: calc(100vw * 435 / 500);
  }
}