:root {
  /* colors */
  --light: #ffffff;
  --dark: #000000;
  --primary: #8DA69E;


  --page-space: calc(1rem + 1vw);

  --big-text: calc(1.5rem + 1.25vw);

  --medium-text: calc(1.5rem + 1.25vw);
  --body-text: calc(1.5rem + 1.25vw);
  
  --small-text: calc(1rem + 0.75vw);
  
}

@media screen and (min-width: 768px) {
  :root {  
    --small-text: calc(1.5rem + 0.75vw);
  }
}

@media screen and (min-width: 967px) {
  :root {  
    --big-text: calc(2.5rem + 1.5vw);
    --body-text: calc(0.75rem + 1vw);

    --small-text: calc(0.8rem + 0.5vw);
    --medium-text: calc(1.8rem + 1vw);
  }
}

@media screen and (min-width: 1440px) {
  :root {  
    --page-space: calc(1rem + 1vw);
  
    --big-text: calc(2.5rem + 2.75vw);
    --body-text: calc(0.75rem + 1vw);
    --medium-text: calc(2.2rem + 1vw);
    --small-text: calc(0.8rem + 0.5vw);
  }
}