:host {

  /* COLORS */

    --primary_light: #FFFFC8;
--primary_light_bg: #FFFFC8;
--primary_light_border: #FFFFC8;
--primary_light_txt: #FFFFC8;
--primary_light_link: #FFFFC8;
--primary_light_fill: #FFFFC8;
--primary: #F9D768;
--primary_bg: #F9D768;
--primary_border: #F9D768;
--primary_txt: #F9D768;
--primary_link: #F9D768;
--primary_fill: #F9D768;
--primary_dark: #E2BF28;
--primary_dark_bg: #E2BF28;
--primary_dark_border: #E2BF28;
--primary_dark_txt: #E2BF28;
--primary_dark_link: #E2BF28;
--primary_dark_fill: #E2BF28;
--secondary_light: #FCD74D;
--secondary_light_bg: #FCD74D;
--secondary_light_border: #FCD74D;
--secondary_light_txt: #FCD74D;
--secondary_light_link: #FCD74D;
--secondary_light_fill: #FCD74D;
--secondary: #735F00;
--secondary_bg: #735F00;
--secondary_border: #735F00;
--secondary_txt: #735F00;
--secondary_link: #735F00;
--secondary_fill: #735F00;
--secondary_dark: #AA8E0D;
--secondary_dark_bg: #AA8E0D;
--secondary_dark_border: #AA8E0D;
--secondary_dark_txt: #AA8E0D;
--secondary_dark_link: #AA8E0D;
--secondary_dark_fill: #AA8E0D;
--c-scale-1: #000000;
--c-scale-1_bg: #000000;
--c-scale-1_border: #000000;
--c-scale-1_txt: #000000;
--c-scale-1_link: #000000;
--c-scale-1_fill: #000000;
--c-scale-2: #000000;
--c-scale-2_bg: #000000;
--c-scale-2_border: #000000;
--c-scale-2_txt: #000000;
--c-scale-2_link: #000000;
--c-scale-2_fill: #000000;
--c-scale-3: #000000;
--c-scale-3_bg: #000000;
--c-scale-3_border: #000000;
--c-scale-3_txt: #000000;
--c-scale-3_link: #000000;
--c-scale-3_fill: #000000;
--c-scale-4: #000000;
--c-scale-4_bg: #000000;
--c-scale-4_border: #000000;
--c-scale-4_txt: #000000;
--c-scale-4_link: #000000;
--c-scale-4_fill: #000000;
--c-scale-5: #000000;
--c-scale-5_bg: #000000;
--c-scale-5_border: #000000;
--c-scale-5_txt: #000000;
--c-scale-5_link: #000000;
--c-scale-5_fill: #000000;
--c-scale-6: #000000;
--c-scale-6_bg: #000000;
--c-scale-6_border: #000000;
--c-scale-6_txt: #000000;
--c-scale-6_link: #000000;
--c-scale-6_fill: #000000;
--c-scale-7: #000000;
--c-scale-7_bg: #000000;
--c-scale-7_border: #000000;
--c-scale-7_txt: #000000;
--c-scale-7_link: #000000;
--c-scale-7_fill: #000000;
--c-scale-8: #DEDEDE;
--c-scale-8_bg: #DEDEDE;
--c-scale-8_border: #DEDEDE;
--c-scale-8_txt: #DEDEDE;
--c-scale-8_link: #DEDEDE;
--c-scale-8_fill: #DEDEDE;
--c-scale-9: #E8E8E8;
--c-scale-9_bg: #E8E8E8;
--c-scale-9_border: #E8E8E8;
--c-scale-9_txt: #E8E8E8;
--c-scale-9_link: #E8E8E8;
--c-scale-9_fill: #E8E8E8;
--c-scale-10: #F2F2F2;
--c-scale-10_bg: #F2F2F2;
--c-scale-10_border: #F2F2F2;
--c-scale-10_txt: #F2F2F2;
--c-scale-10_link: #F2F2F2;
--c-scale-10_fill: #F2F2F2;
--c-scale-11: #F6F6F6;
--c-scale-11_bg: #F6F6F6;
--c-scale-11_border: #F6F6F6;
--c-scale-11_txt: #F6F6F6;
--c-scale-11_link: #F6F6F6;
--c-scale-11_fill: #F6F6F6;
--c-scale-12: #FCFCFC;
--c-scale-12_bg: #FCFCFC;
--c-scale-12_border: #FCFCFC;
--c-scale-12_txt: #FCFCFC;
--c-scale-12_link: #FCFCFC;
--c-scale-12_fill: #FCFCFC;
--white: #FFFFFF;
--white_bg: #FFFFFF;
--white_border: #FFFFFF;
--white_txt: #FFFFFF;
--white_link: #FFFFFF;
--white_fill: #FFFFFF;
--black: #000000;
--black_bg: #000000;
--black_border: #000000;
--black_txt: #000000;
--black_link: #000000;
--black_fill: #000000;
--info_light: #00BCD4;
--info_light_bg: #00BCD4;
--info_light_border: #00BCD4;
--info_light_txt: #00BCD4;
--info_light_link: #00BCD4;
--info_light_fill: #00BCD4;
--info: #009688;
--info_bg: #009688;
--info_border: #009688;
--info_txt: #009688;
--info_link: #009688;
--info_fill: #009688;
--info_dark: #03A9F4;
--info_dark_bg: #03A9F4;
--info_dark_border: #03A9F4;
--info_dark_txt: #03A9F4;
--info_dark_link: #03A9F4;
--info_dark_fill: #03A9F4;
--success_light: #CDDC39;
--success_light_bg: #CDDC39;
--success_light_border: #CDDC39;
--success_light_txt: #CDDC39;
--success_light_link: #CDDC39;
--success_light_fill: #CDDC39;
--success: #8BC34A;
--success_bg: #8BC34A;
--success_border: #8BC34A;
--success_txt: #8BC34A;
--success_link: #8BC34A;
--success_fill: #8BC34A;
--success_dark: #4CAF50;
--success_dark_bg: #4CAF50;
--success_dark_border: #4CAF50;
--success_dark_txt: #4CAF50;
--success_dark_link: #4CAF50;
--success_dark_fill: #4CAF50;
--warning_light: #FFC44D;
--warning_light_bg: #FFC44D;
--warning_light_border: #FFC44D;
--warning_light_txt: #FFC44D;
--warning_light_link: #FFC44D;
--warning_light_fill: #FFC44D;
--warning: #F6A400;
--warning_bg: #F6A400;
--warning_border: #F6A400;
--warning_txt: #F6A400;
--warning_link: #F6A400;
--warning_fill: #F6A400;
--warning_dark: #CC8800;
--warning_dark_bg: #CC8800;
--warning_dark_border: #CC8800;
--warning_dark_txt: #CC8800;
--warning_dark_link: #CC8800;
--warning_dark_fill: #CC8800;
--error_light: #BE4040;
--error_light_bg: #BE4040;
--error_light_border: #BE4040;
--error_light_txt: #BE4040;
--error_light_link: #BE4040;
--error_light_fill: #BE4040;
--error: #A80000;
--error_bg: #A80000;
--error_border: #A80000;
--error_txt: #A80000;
--error_link: #A80000;
--error_fill: #A80000;
--error_dark: #7E0000;
--error_dark_bg: #7E0000;
--error_dark_border: #7E0000;
--error_dark_txt: #7E0000;
--error_dark_link: #7E0000;
--error_dark_fill: #7E0000;
--footer: #000000;
--footer_bg: #000000;
--footer_border: #000000;
--footer_txt: #000000;
--footer_link: #000000;
--footer_fill: #000000;
--header: #000000;
--header_bg: #000000;
--header_border: #000000;
--header_txt: #000000;
--header_link: #000000;
--header_fill: #000000;
--primary_light_rgb: 255, 255, 200;
--primary_light_bg_rgb: 255, 255, 200;
--primary_light_border_rgb: 255, 255, 200;
--primary_light_txt_rgb: 255, 255, 200;
--primary_light_link_rgb: 255, 255, 200;
--primary_light_fill_rgb: 255, 255, 200;
--primary_rgb: 249, 215, 104;
--primary_bg_rgb: 249, 215, 104;
--primary_border_rgb: 249, 215, 104;
--primary_txt_rgb: 249, 215, 104;
--primary_link_rgb: 249, 215, 104;
--primary_fill_rgb: 249, 215, 104;
--primary_dark_rgb: 226, 191, 40;
--primary_dark_bg_rgb: 226, 191, 40;
--primary_dark_border_rgb: 226, 191, 40;
--primary_dark_txt_rgb: 226, 191, 40;
--primary_dark_link_rgb: 226, 191, 40;
--primary_dark_fill_rgb: 226, 191, 40;
--secondary_light_rgb: 252, 215, 77;
--secondary_light_bg_rgb: 252, 215, 77;
--secondary_light_border_rgb: 252, 215, 77;
--secondary_light_txt_rgb: 252, 215, 77;
--secondary_light_link_rgb: 252, 215, 77;
--secondary_light_fill_rgb: 252, 215, 77;
--secondary_rgb: 115, 95, 0;
--secondary_bg_rgb: 115, 95, 0;
--secondary_border_rgb: 115, 95, 0;
--secondary_txt_rgb: 115, 95, 0;
--secondary_link_rgb: 115, 95, 0;
--secondary_fill_rgb: 115, 95, 0;
--secondary_dark_rgb: 170, 142, 13;
--secondary_dark_bg_rgb: 170, 142, 13;
--secondary_dark_border_rgb: 170, 142, 13;
--secondary_dark_txt_rgb: 170, 142, 13;
--secondary_dark_link_rgb: 170, 142, 13;
--secondary_dark_fill_rgb: 170, 142, 13;
--c-scale-1_rgb: 0, 0, 0;
--c-scale-1_bg_rgb: 0, 0, 0;
--c-scale-1_border_rgb: 0, 0, 0;
--c-scale-1_txt_rgb: 0, 0, 0;
--c-scale-1_link_rgb: 0, 0, 0;
--c-scale-1_fill_rgb: 0, 0, 0;
--c-scale-2_rgb: 0, 0, 0;
--c-scale-2_bg_rgb: 0, 0, 0;
--c-scale-2_border_rgb: 0, 0, 0;
--c-scale-2_txt_rgb: 0, 0, 0;
--c-scale-2_link_rgb: 0, 0, 0;
--c-scale-2_fill_rgb: 0, 0, 0;
--c-scale-3_rgb: 0, 0, 0;
--c-scale-3_bg_rgb: 0, 0, 0;
--c-scale-3_border_rgb: 0, 0, 0;
--c-scale-3_txt_rgb: 0, 0, 0;
--c-scale-3_link_rgb: 0, 0, 0;
--c-scale-3_fill_rgb: 0, 0, 0;
--c-scale-4_rgb: 0, 0, 0;
--c-scale-4_bg_rgb: 0, 0, 0;
--c-scale-4_border_rgb: 0, 0, 0;
--c-scale-4_txt_rgb: 0, 0, 0;
--c-scale-4_link_rgb: 0, 0, 0;
--c-scale-4_fill_rgb: 0, 0, 0;
--c-scale-5_rgb: 0, 0, 0;
--c-scale-5_bg_rgb: 0, 0, 0;
--c-scale-5_border_rgb: 0, 0, 0;
--c-scale-5_txt_rgb: 0, 0, 0;
--c-scale-5_link_rgb: 0, 0, 0;
--c-scale-5_fill_rgb: 0, 0, 0;
--c-scale-6_rgb: 0, 0, 0;
--c-scale-6_bg_rgb: 0, 0, 0;
--c-scale-6_border_rgb: 0, 0, 0;
--c-scale-6_txt_rgb: 0, 0, 0;
--c-scale-6_link_rgb: 0, 0, 0;
--c-scale-6_fill_rgb: 0, 0, 0;
--c-scale-7_rgb: 0, 0, 0;
--c-scale-7_bg_rgb: 0, 0, 0;
--c-scale-7_border_rgb: 0, 0, 0;
--c-scale-7_txt_rgb: 0, 0, 0;
--c-scale-7_link_rgb: 0, 0, 0;
--c-scale-7_fill_rgb: 0, 0, 0;
--c-scale-8_rgb: 222, 222, 222;
--c-scale-8_bg_rgb: 222, 222, 222;
--c-scale-8_border_rgb: 222, 222, 222;
--c-scale-8_txt_rgb: 222, 222, 222;
--c-scale-8_link_rgb: 222, 222, 222;
--c-scale-8_fill_rgb: 222, 222, 222;
--c-scale-9_rgb: 232, 232, 232;
--c-scale-9_bg_rgb: 232, 232, 232;
--c-scale-9_border_rgb: 232, 232, 232;
--c-scale-9_txt_rgb: 232, 232, 232;
--c-scale-9_link_rgb: 232, 232, 232;
--c-scale-9_fill_rgb: 232, 232, 232;
--c-scale-10_rgb: 242, 242, 242;
--c-scale-10_bg_rgb: 242, 242, 242;
--c-scale-10_border_rgb: 242, 242, 242;
--c-scale-10_txt_rgb: 242, 242, 242;
--c-scale-10_link_rgb: 242, 242, 242;
--c-scale-10_fill_rgb: 242, 242, 242;
--c-scale-11_rgb: 246, 246, 246;
--c-scale-11_bg_rgb: 246, 246, 246;
--c-scale-11_border_rgb: 246, 246, 246;
--c-scale-11_txt_rgb: 246, 246, 246;
--c-scale-11_link_rgb: 246, 246, 246;
--c-scale-11_fill_rgb: 246, 246, 246;
--c-scale-12_rgb: 252, 252, 252;
--c-scale-12_bg_rgb: 252, 252, 252;
--c-scale-12_border_rgb: 252, 252, 252;
--c-scale-12_txt_rgb: 252, 252, 252;
--c-scale-12_link_rgb: 252, 252, 252;
--c-scale-12_fill_rgb: 252, 252, 252;
--white_rgb: 255, 255, 255;
--white_bg_rgb: 255, 255, 255;
--white_border_rgb: 255, 255, 255;
--white_txt_rgb: 255, 255, 255;
--white_link_rgb: 255, 255, 255;
--white_fill_rgb: 255, 255, 255;
--black_rgb: 0, 0, 0;
--black_bg_rgb: 0, 0, 0;
--black_border_rgb: 0, 0, 0;
--black_txt_rgb: 0, 0, 0;
--black_link_rgb: 0, 0, 0;
--black_fill_rgb: 0, 0, 0;
--info_light_rgb: 0, 188, 212;
--info_light_bg_rgb: 0, 188, 212;
--info_light_border_rgb: 0, 188, 212;
--info_light_txt_rgb: 0, 188, 212;
--info_light_link_rgb: 0, 188, 212;
--info_light_fill_rgb: 0, 188, 212;
--info_rgb: 0, 150, 136;
--info_bg_rgb: 0, 150, 136;
--info_border_rgb: 0, 150, 136;
--info_txt_rgb: 0, 150, 136;
--info_link_rgb: 0, 150, 136;
--info_fill_rgb: 0, 150, 136;
--info_dark_rgb: 3, 169, 244;
--info_dark_bg_rgb: 3, 169, 244;
--info_dark_border_rgb: 3, 169, 244;
--info_dark_txt_rgb: 3, 169, 244;
--info_dark_link_rgb: 3, 169, 244;
--info_dark_fill_rgb: 3, 169, 244;
--success_light_rgb: 205, 220, 57;
--success_light_bg_rgb: 205, 220, 57;
--success_light_border_rgb: 205, 220, 57;
--success_light_txt_rgb: 205, 220, 57;
--success_light_link_rgb: 205, 220, 57;
--success_light_fill_rgb: 205, 220, 57;
--success_rgb: 139, 195, 74;
--success_bg_rgb: 139, 195, 74;
--success_border_rgb: 139, 195, 74;
--success_txt_rgb: 139, 195, 74;
--success_link_rgb: 139, 195, 74;
--success_fill_rgb: 139, 195, 74;
--success_dark_rgb: 76, 175, 80;
--success_dark_bg_rgb: 76, 175, 80;
--success_dark_border_rgb: 76, 175, 80;
--success_dark_txt_rgb: 76, 175, 80;
--success_dark_link_rgb: 76, 175, 80;
--success_dark_fill_rgb: 76, 175, 80;
--warning_light_rgb: 255, 196, 77;
--warning_light_bg_rgb: 255, 196, 77;
--warning_light_border_rgb: 255, 196, 77;
--warning_light_txt_rgb: 255, 196, 77;
--warning_light_link_rgb: 255, 196, 77;
--warning_light_fill_rgb: 255, 196, 77;
--warning_rgb: 246, 164, 0;
--warning_bg_rgb: 246, 164, 0;
--warning_border_rgb: 246, 164, 0;
--warning_txt_rgb: 246, 164, 0;
--warning_link_rgb: 246, 164, 0;
--warning_fill_rgb: 246, 164, 0;
--warning_dark_rgb: 204, 136, 0;
--warning_dark_bg_rgb: 204, 136, 0;
--warning_dark_border_rgb: 204, 136, 0;
--warning_dark_txt_rgb: 204, 136, 0;
--warning_dark_link_rgb: 204, 136, 0;
--warning_dark_fill_rgb: 204, 136, 0;
--error_light_rgb: 190, 64, 64;
--error_light_bg_rgb: 190, 64, 64;
--error_light_border_rgb: 190, 64, 64;
--error_light_txt_rgb: 190, 64, 64;
--error_light_link_rgb: 190, 64, 64;
--error_light_fill_rgb: 190, 64, 64;
--error_rgb: 168, 0, 0;
--error_bg_rgb: 168, 0, 0;
--error_border_rgb: 168, 0, 0;
--error_txt_rgb: 168, 0, 0;
--error_link_rgb: 168, 0, 0;
--error_fill_rgb: 168, 0, 0;
--error_dark_rgb: 126, 0, 0;
--error_dark_bg_rgb: 126, 0, 0;
--error_dark_border_rgb: 126, 0, 0;
--error_dark_txt_rgb: 126, 0, 0;
--error_dark_link_rgb: 126, 0, 0;
--error_dark_fill_rgb: 126, 0, 0;
--footer_rgb: 0, 0, 0;
--footer_bg_rgb: 0, 0, 0;
--footer_border_rgb: 0, 0, 0;
--footer_txt_rgb: 0, 0, 0;
--footer_link_rgb: 0, 0, 0;
--footer_fill_rgb: 0, 0, 0;
--header_rgb: 0, 0, 0;
--header_bg_rgb: 0, 0, 0;
--header_border_rgb: 0, 0, 0;
--header_txt_rgb: 0, 0, 0;
--header_link_rgb: 0, 0, 0;
--header_fill_rgb: 0, 0, 0;


  /*FONTS*/
  --font_primary: "Montserrat",
  sans-serif;
  --font_secondary: "Roboto Slab",
  serif;

  /*FONT SIZE*/
  --font_size_1: 60px;
  --font_size_2: 50px;
  --font_size_3: 35px;
  --font_size_4: 25px;
  --font_size_5: 20px;
  --font_size_6: 16px;
  --font_size_7: 14px;
  --font_size_8: 10px;

  /****** Fonts Weight *********/
  --font_weight_lighter: lighter;
  --font_weight_light: 300;
  --font_weight_regular: 400;
  --font_weight_semibold: 600;
  --font_weight_bold: 700;
  --font_weight_bolder: bolder;

  @media (max-width: 1280px) and (min-width: 768px) {
    :root {
      --font_size_3: 30px;
      --font_size_4: 18px;
      --font_size_5: 18px;
      --font_size_6: 18px;
      --font_size_7: 14px;
      --font_size_8: 12px;
    }
  }

  @media (max-width: 768px) {
    :root {
      --font_size_1: 80px;
      --font_size_2: 40px;
      --font_size_3: 22px;
      --font_size_4: 18px;
      --font_size_8: 12px;
      --font_size_5: 18px;
    }
  }
}