:root {
  --alignment-margin-small-logo-desktop: calc(var(--size-x-large-logo-homepage-desktop) * 0.668);
  --alignment-margin-small-logo-mobile: calc(var(--size-x-large-logo-homepage-mobile) * 0.668);
  /* Where should the starting position of the title be on page load ? */
  --starting-position-title-desktop: calc(100vh - var(--size-rolling-banner-desktop) - var(--size-header-top-desktop));
  --starting-position-title-mobile: calc(calc(var(--vh) * 100) - var(--size-rolling-banner-desktop) - var(--size-header-top-mobile));
}

.logo__img {
  max-width: var(--size-x-large-logo-homepage-mobile);
}

@media screen and (min-width: 768px) {
  .logo__img {
    max-width: none;
    width: var(--size-x-large-logo-homepage-desktop);
  }
}
.logo__header__anim {
  transform: translateX(var(--alignment-margin-small-logo-mobile));
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .logo__header__anim {
    transform: translateX(var(--alignment-margin-small-logo-desktop));
  }
}/*# sourceMappingURL=home-page.css.map */