@font-face {
  font-family: Larsseit;
  src: url(../fonts/Larsseit-Thin.otf) format('opentype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: Larsseit;
  src: url(../fonts/Larsseit-ThinItalic.otf) format('opentype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: Larsseit;
  src: url(../fonts/Larsseit-Light.otf) format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Larsseit;
  src: url(../fonts/Larsseit-LightItalic.otf) format('opentype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: Larsseit;
  src: url(../fonts/Larsseit-Regular.otf) format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Larsseit;
  src: url(../fonts/Larsseit-Italic.otf) format('opentype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: Larsseit;
  src: url(../fonts/Larsseit-Medium.otf) format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Larsseit;
  src: url(../fonts/Larsseit-MediumItalic.otf) format('opentype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: Larsseit;
  src: url(../fonts/Larsseit-Bold.otf) format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Larsseit;
  src: url(../fonts/Larsseit-BoldItalic.otf) format('opentype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: Larsseit;
  src: url(../fonts/Larsseit-ExtraBold.otf) format('opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: Larsseit;
  src: url(../fonts/Larsseit-ExtraBoldItalic.otf) format('opentype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: Recoleta;
  src: url(../fonts/Recoleta-Regular.otf) format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Recoleta;
  src: url(../fonts/Recoleta-Bold.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}