:root {
  --color-yellow: #FDDD31;
  --color-green: #19Bf4A;
  --color-white: #fff;
  --color-black: #0E0E0E;
  --color-red: #FF0000;
  --color-black-accent2: #181818;
  --color-black-accent3: #1E1E1E;

  --h1-size: 57px;
  --h2-size: 40px;
  --h3-size: 30px;
  --h4-size: 24px;
  --h5-size: 18px;

  --h1-weight: 400;
  --h2-weight: 500;
  --h3-weight: 700;
  --h4-weight: 300;
  --h5-weight: 700;

  --h1-height: 80px;
  --h2-height: 47px;
  --h3-height: 35px;
  --h4-height: 34px;
  --h5-height: 21px;

  --text-size: 14px;
  --text-weight: 300;
  --text-reg-weight: 400;
  --text-med-weight: 500;

  @media (max-width: 991px) {
    --h1-size: 34px;
    --h2-size: 24px;
    --h3-size: 18px;
    --h4-size: 20px;
    --h5-size: 16px;
  
    --h1-weight: 700;
    --h2-weight: 700;
    --h3-weight: 300;
    --h4-weight: 700;
    --h5-weight: 700;

    --h1-height: 40px;
    --h2-height: 25px;
    --h3-height: 25px;
    --h4-height: 25px;
    --h5-height: 18px;
  
    --text-size: 14px;
    --text-weight: 500;
    --text-reg-weight: 500;
    --text-med-weight: 700;
  }
}