@font-face {
  font-family: "Oswald";
  src: url('../../fonts/Oswald/Oswald-VariableFont_wght.ttf');
}

@font-face {
  font-family: "Fira Sans Light";
  src: url('../../fonts/Fira_Sans/FiraSans-Light.ttf');
}


/* addtionals*/
@font-face {
  font-family: "Fira Sans Black";
  src: url('../../fonts/Fira_Sans/FiraSans-Black.ttf');
}

@font-face {
  font-family: "Fira Sans BlackItalic";
  src: url('../../fonts/Fira_Sans/FiraSans-BlackItalic.ttf');
}

@font-face {
  font-family: "Fira Sans Bold";
  src: url('../../fonts/Fira_Sans/FiraSans-Bold.ttf');
}

@font-face {
  font-family: "Fira Sans BoldItalic";
  src: url('../../fonts/Fira_Sans/FiraSans-BoldItalic.ttf');
}

@font-face {
  font-family: "Fira Sans ExtraBoldItalic";
  src: url('../../fonts/Fira_Sans/FiraSans-ExtraBoldItalic.ttf');
}

@font-face {
  font-family: "Fira Sans Italic";
  src: url('../../fonts/Fira_Sans/FiraSans-Italic.ttf');
}

@font-face {
  font-family: "Fira Sans LightItalic";
  src: url('../../fonts/Fira_Sans/FiraSans-LightItalic.ttf');
}

@font-face {
  font-family: "Fira Sans Medium";
  src: url('../../fonts/Fira_Sans/FiraSans-Medium.ttf');
}

@font-face {
  font-family: "Fira Sans MediumItalic";
  src: url('../../fonts/Fira_Sans/FiraSans-MediumItalic.ttf');
}

@font-face {
  font-family: "Fira Sans Regular";
  src: url('../../fonts/Fira_Sans/FiraSans-Regular.ttf');
}


.eela-text,
body,
.eela-text > * a {
  font-family: 'Fira Sans Light';
  font-size: 1em;
}

h1 {
  font-family: "Oswald";
  font-size: 3.2em;
  font-weight: 700;
  line-height: 1.1em;
}

h2 {
  font-family: "Oswald";
  font-size: 2.5em;
  font-weight: 500;
}

h3 {
  font-family: "Oswald";
  font-size: 2em;
  font-weight: 400;
}

h4 {
  font-family: "Fira Sans Light";
  font-size: 1.2em;
}