/*------------------------------------------------------------------
  Self-hosted web fonts, with Google Fonts kept as an automatic
  fallback source in case the local files are ever missing (browsers
  try each src in a font-face list in order, moving on if one fails).
  Plus Jakarta Sans / Raleway / Montserrat are variable fonts - Google
  serves one file covering their whole weight range, so each is a
  single @font-face with a font-weight range rather than one block
  per weight. Lato ships as static per-weight files instead.
-------------------------------------------------------------------*/

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/plus-jakarta-sans/variable.woff2') format('woff2-variations'),
         url('../fonts/plus-jakarta-sans/variable.woff2') format('woff2'),
         url('https://fonts.gstatic.com/s/plusjakartasans/v12/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2') format('woff2');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/raleway/variable.woff2') format('woff2-variations'),
         url('../fonts/raleway/variable.woff2') format('woff2'),
         url('https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyC0ITw.woff2') format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/montserrat/variable.woff2') format('woff2-variations'),
         url('../fonts/montserrat/variable.woff2') format('woff2'),
         url('https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2') format('woff2');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/lato/400.woff2') format('woff2'),
         url('https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjx4wXg.woff2') format('woff2');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/lato/700.woff2') format('woff2'),
         url('https://fonts.gstatic.com/s/lato/v25/S6u9w4BMUTPHh6UVSwiPGQ.woff2') format('woff2');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/lato/900.woff2') format('woff2'),
         url('https://fonts.gstatic.com/s/lato/v25/S6u9w4BMUTPHh50XSwiPGQ.woff2') format('woff2');
}