/* ---------------------------- */
/*  FONTS                       */
/* ---------------------------- */


/* Merienda One - regular */
@font-face {
  font-family: 'Merienda';
  src:    url('../fonts/MeriendaOne-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 400;
}

/* Josefin Sans Semibold - regular */
@font-face {
  font-family: 'JosefinSS';
  src:    url('../fonts/josefin-sans-semibold.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 600;
}

/* Josefin Sans Semibold - Italic */
@font-face {
  font-family: 'JosefinSSI';
  src:    url('../fonts/josefin-sans-semibold-italic.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 600;
}

/* Lato - regular */
@font-face {
  font-family: 'Lato';
  src:    url('../fonts/lato_regular.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 400;
}
/* Lato - regular Italic */
@font-face {
  font-family: 'Lato';
  src:    url('../fonts/lato_italic.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 400;
}
/* Lato - medium */
@font-face {
  font-family: 'Lato';
  src:    url('../fonts/lato_medium.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 500;
}
/* Lato - medium Italic */
@font-face {
  font-family: 'Lato';
  src:    url('../fonts/lato_medium-italic.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 500;
}
/* Lato - semi bold */
@font-face {
  font-family: 'Lato';
  src:    url('../fonts/lato_semibold.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 600;
}
/* Lato - semi bold Italic */
@font-face {
  font-family: 'Lato';
  src:    url('../fonts/lato_semibold-italic.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 600;
}
/* Lato - bold */
@font-face {
  font-family: 'Lato';
  src:    url('../fonts/lato_bold.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 700;
}
/* Lato - bold Italic */
@font-face {
  font-family: 'Lato';
  src:    url('../fonts/lato_bold-italic.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 700;
}
/* Lato - extra bold */
@font-face {
  font-family: 'Lato';
  src:    url('../fonts/lato_heavy.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 800;
}
/* Lato - extra bold Italic */
@font-face {
  font-family: 'Lato';
  src:    url('../fonts/lato_heavy-italic.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 800;
}
/* Lato - black */
@font-face {
  font-family: 'Lato';
  src:    url('../fonts/lato_black.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 900;
}
/* Lato - black Italic */
@font-face {
  font-family: 'Lato';
  src:    url('../fonts/lato_black-italic.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 900;
}
/* Fira Mono - regular */
@font-face {
  font-family: 'Fira Mono';
  src:    url('../fonts/fira-mono-regular.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 400;
}
/* Fira Mono - medium */
@font-face {
  font-family: 'Fira Mono';
  src:    url('../fonts/fira-mono-medium.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 600;
}
/* Fira Mono - bold */
@font-face {
  font-family: 'Fira Mono';
  src:    url('../fonts/fira-mono-bold.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 700;
}
/* Fira code - light */
@font-face {
  font-family: 'Fira Code';
  src:    url('../fonts/FiraCode-Light.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 300;
}
/* Fira code - regular */
@font-face {
  font-family: 'Fira Code';
  src:    url('../fonts/FiraCode-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 400;
}
/* Fira code - medium */
@font-face {
  font-family: 'Fira Code';
  src:    url('../fonts/FiraCode-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 500;
}
/* Fira code - semi bold */
@font-face {
  font-family: 'Fira Code';
  src:    url('../fonts/FiraCode-SemiBold.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 600;
}
/* Fira code - bold */
@font-face {
  font-family: 'Fira Code';
  src:    url('../fonts/FiraCode-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 700;
}
/* Fira code - retina */
@font-face {
  font-family: 'Fira Code';
  src:    url('../fonts/FiraCode-Retina.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 600;
}
/* Fira code - VF */
@font-face {
  font-family: 'Fira Code VF';
  src:    url('../fonts/FiraCode-VF.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 300 700;
}
/* Noto sans - regular */
@font-face {
  font-family: 'Noto Sans';
  src:    url('../fonts/noto-sans-regular.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 400;
}
/* Noto sans - Italic */
@font-face {
  font-family: 'Noto Sans';
  src:    url('../fonts/noto-sans-italic.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 400;
}
/* Noto sans - bold */
@font-face {
  font-family: 'Noto Sans';
  src:    url('../fonts/noto-sans-bold.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 700;
}
/* Noto sans - bold Italic */
@font-face {
  font-family: 'Noto Sans';
  src:    url('../fonts/noto-sans-bold-italic.ttf') format('truetype'); /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 700;
}
/* Open sans - bold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/* Open sans - bold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
/* Open sans - extra bold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Extrabold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/* Open sans - extra bold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraboldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
/* Open sans - Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
/* Open sans - light */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
/* Open sans - light Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSansLight-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
/* Open sans - regular */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* Open sans - semi bold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
/* Open sans - semi bold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
/* Roboto - extra extra bold */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
/* Roboto - extra extra bold Italic */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
/* Roboto - bold Italic */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
/* Roboto - bold */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/* Roboto - light */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
/* Roboto - Italic */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
/* Roboto - light Italic */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
/* Roboto - medium bold */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
/* Roboto - medium bold Italic */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
/* Roboto - regular */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* Roboto - thin */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
/* Roboto - thin Italic */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
/* Roboto Condensed - bold Italic */
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
/* Roboto Condensed - bold */
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/* Roboto Condensed - light */
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
/* Roboto Condensed - Italic */
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
/* Roboto Condensed - light Italic */
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
/* Roboto Condensed - regular */
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* Satisfy regular */
@font-face {
    font-family: 'Satisfy';
    src: url('../fonts/Satisfy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}