:root,
html {
  --font-size: 16px;
  --font-size: 1rem;

  --title-size: 30px;
  --title-size: 1.875rem;

  --font-color: #333;
  --color-active: #3670f7;

  --layout-width-1200: calc(100vw * 0.625);
  --layout-width-1024: 100vw;
}



@media screen and (max-width: 1024px) {

  :root,
  html {
    --font-size: 16px;
    --font-size: 1rem;

    --title-size: 26px;
    --title-size: 1.625rem;

    --font-color: #333;
    --color-active: #3670f7;

    --layout-width-1200: calc(100vw * 0.625);
    --layout-width-1024: 100vw;
  }
}



@media screen and (max-width: 768px) {

  :root,
  html {
    --font-size: 16px;
    --font-size: 1rem;

    --title-size: 24px;
    --title-size: 1.5rem;

    --font-color: #333;
    --color-active: #3670f7;

    --layout-width-1200: calc(100vw * 0.625);
    --layout-width-1024: 100vw;
  }
}