/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
@media (max-width: 768px) {
  
  
  :root {
    --global-h1_hero-size: clamp(36px, calc(9 / 80 * 100vw), 36px);
    --global-h1-size: clamp(20px, calc(9 / 80 * 100vw), 20px);
    --global-h2-size: clamp(31px, calc(9 / 80 * 100vw), 29px);
    --global-h3-size: clamp(25px, calc(9 / 80 * 100vw), 23px);
    --global-h4-size: clamp(20px, calc(9 / 80 * 100vw), 18px);
    --global-h5-size: clamp(16px, calc(9 / 80 * 100vw), 16px);
    --global-h6-size: clamp(12px, calc(9 / 80 * 100vw), 14px);
  }
  h1.h1_hero,.h1_hero {
    
    
    font-size: 20.0px;
    
    --font-size: var(--global-h1-size);
    font-size: var(--font-size);
  }
  h1,.h1 {
    
    
    font-size: 20.0px;
    
    --font-size: var(--global-h1-size);
    font-size: var(--font-size);
  }
  h2,.h2 {
    
    
    font-size: 24.166666666666668px;
    
    --font-size: var(--global-h2-size);
    font-size: var(--font-size);
  }
  h3,.h3 {
    
    
    font-size: 19.166666666666668px;
    
    --font-size: var(--global-h3-size);
    font-size: var(--font-size);
  }
/*****************************************/
/* Start your style declarations here    */
/*****************************************/