:root {
  --margin-title: 30px;
  --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));
  /* Because of the stickyness and scrolling, we need to readd the value of the size-rolling-banner cause it dissapears when scrolling */
  --line-size-exceddent: 200px;
}

.margin-bottom-title {
  margin-bottom: var(--margin-title);
}

/*  Weird fix for screen sizes between 440px and 460px,
 *  where the offsetHeight of the #principal__title would
 *  render as the size on one-line text, because GSAP
 *  sets a max limit later after it's calculated.
 *  therefore, for this specific case, we set it before
 *  GSAP, so that we can calculate the offsetHeight correctly. */
@media screen and (max-width: 460px) {
  #principal__title {
    max-width: 362px;
  }
}/*# sourceMappingURL=content-page.css.map */