@media (min-width: 850px) {
    :root {
      --s-size: 1vw;
      --m-size: 2vw;
      --g-size: 3vw;
      --gg-size: 5vw;
      --txt-font: 'Berthold';
      --title-font-2: 'De Valencia';
      --title-font: 'Cinzel';
      --site-color: #300;
      --txt-color: #7b7b7b;
      --contrast-color: #e6e0e0;
    }  
}

@media (max-width: 849px) {
    :root {
      --s-size: 12px;
      --m-size: 30px;
      --g-size: 30px;
      --gg-size: 7vw;
      --txt-font: 'Berthold';
      --title-font-2: 'De Valencia';
      --title-font: 'Cinzel';
      --site-color: #300;
      --txt-color: #7b7b7b;
      --contrast-color: #e6e0e0;
    }   
}