:root {
@media only screen and (min-width: 1200px){
  // Базовый размер шрифта	
  --text-base-size: 24px;
  // заголовок 1
  --header-base-size: 24px; 
  // заголовок 2
  --header-large-size: 50px; 
  // заголовок сайта
  --header-title-size: 35px; 
  // Caption
  --caption-base-size: 24px;
  --caption-small-size: 16px;

  }


@media (min-width: 992px) and (max-width: 1199px) {
  --text-base-size: 22px;
  // заголовок 1
  --header-base-size: 22px; 
  // заголовок 2
  --header-large-size: 48px; 
  // заголовок сайта
  --header-title-size: 35px; 
  // Caption
  --caption-base-size: 22px;
  --caption-small-size: 18px;
}

@media (min-width: 768px) and (max-width: 991px) {
  --text-base-size: 24px;
  // заголовок 1
  --header-base-size: 24px; 
  // заголовок 2
  --header-large-size: 50px; 
  // заголовок сайта
  --header-title-size: 35px; 
  // Caption
  --caption-base-size: 24px;
  --caption-small-size: 16px;

}

@media (min-width: 576px) and (max-width: 767px) {
  --text-base-size: 24px;
  // заголовок 1
  --header-base-size: 24px; 
  // заголовок 2
  --header-large-size: 50px; 
  // заголовок сайта
  --header-title-size: 35px; 
  // Caption
  --caption-base-size: 24px;
  --caption-small-size: 16px;

}

@media (max-width: 575px) {
  --text-base-size: 24px;
  // заголовок 1
  --header-base-size: 24px; 
  // заголовок 2
  --header-large-size: 50px; 
  // заголовок сайта
   --header-title-size: 35px; 
  // Caption
  --caption-base-size: 24px;
  --caption-small-size: 16px;

}


}