:root {
  --color-1 : #FFF;
  --color-2 : #0f0f14;
  --color-3 : #06AAE0;

  --btn-primary-bg : #06AAE0;
  --btn-primary-text : #fff;
  
  --h1-xs: 36px;
  --h1: 72px;
  --h2-xs: 28px;
  --h2: 40px;
  --h3-xs: 20px;
  --h3: 24px;
  --h4-xs: 16px;
  --h4: 16px;
}

/*============================================================================*\
@font-face {
	font-family: TypoMain;
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url(../fonts/main-font.woff2) format("woff2"), url(../fonts/main-font.woff) format("woff");
}

@font-face {
	font-family: TypoTitle;
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url(../fonts/title-font.woff2) format("woff2"), url(../fonts/title-font.woff) format("woff");
}

\*============================================================================*/

@font-face {
    font-family: 'TypoTitle';
    src: url(../fonts/futura-bold-webfont.woff2) format('woff2'),
         url(../fonts/futura-bold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TypoMain';
    src: url(../fonts/futura-book-webfont.woff2) format('woff2'),
         url(../fonts/futura-book-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}