/* CSS variables definitions */
:root {

  /* Fonts */
  --default-font-family: "Montserrat", serif;

  /* Color variables */
  --bg-color: #FFF;
  --bg-accent-color: #F4F4F4;

  --text-color: #3A3A3A;
  --accent-color: #E90102;
  --accent-color-2: #E5E5E5;

  /* Font weights */
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;


  /* Font sizes */
  --font-size-default: 16px;
  --line-height-default: 24px;
  --font-size-title: 82px;
  --line-height-title: 100px;
  --font-size-title-big: 193px;
  --line-height-title-big: 244px;
  --font-size-st: 30px;
  --line-height-st: 37px;
  --font-size-st2: 40px;
  --line-height-st2: 49px;
  --font-size-smaller: 20px;
  --line-height-smaller: 24px;
  --font-size-bigger: 45px;
  --line-height-bigger: 55px;
  --font-size-bigger2: 60px;
  --line-height-bigger2: 73px;
  --font-size-huge: 90px;
  --line-height-huge: 110px;
  --font-size-counter: 110px;
  --line-height-counter: 134px;


  @media screen and (max-width: 1023px) {
    --font-size-h1: 62px;
    --line-height-h1: 72px;
  }

  /* Spacing */
  --quarter-gap: 5px;
  --half-gap: 10px;
  --single-gap: 20px;
  --double-gap: calc(var(--single-gap)*2);
  --triple-gap: calc(var(--single-gap)*3);
  --quad-gap: calc(var(--single-gap)*4);
  --section-gap: calc(var(--single-gap)*5);
  --huge-gap: calc(var(--single-gap)*8);
  --two-col-gap: calc(var(--small-gap)*10);

  /* Icons */
  --icons-default-size: 20px;
}