:root {
  --main--color: white;
  --main--type-color: black;
  --second--color: #E3E1DB;
  --second--type--color: #6d6c6c;

  --main-font-size: 1.375rem;
  --menu-font-size: 1.375rem;
  --title-font-size: 1rem;
  --text-font-size: 1rem;
  --captions-font-size: 1rem;
  --footer-font-size: 0.8rem;
  --letter--spacing: 0.019rem;
  --line--height: 1.8125rem;
  --captions-line-height: 1.25rem;
  --text--max-width: 55ch;
  
  --body--width: calc(100vw - (100vw - 100%));
  --full-height: calc(var(--vh, 1vh) * 100);
  --main--margin: 20px;
  --main--gap: 1.25rem;
  --nav--height: 40px;
  --main--alignment: 8rem;
  
  --title--padding--bottom: 50px;
  --footer--spacing: 15rem;
  --anchor--offset: -100px;
}

/* Fix for VH */
.fullheight {
  height: calc(var(--vh, 1vh) * 100);
}

@media (max-width: 48em) {
  :root {
    --nav--height: 80px;
    --main--alignment: 90px;
    --captions-font-size: 0.75rem;
    --captions-line-height: 1rem;
  }
}

@media (max-width: 1279px) {
  /* :root {
    --nav--height: 80px;
    --main--alignment: 90px;
    --captions-font-size: 0.75rem;
    --captions-line-height: 1rem;
    --main-font-size: 1.2rem;
    --line--height: 1.45rem

  } */
}