/* =========================================================
   OFFLINE LOCAL FONTS CSS - TTF VERSION
========================================================= */

/* =========================
   JOST FONT
========================= */

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../jost/static/Jost-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../jost/static/Jost-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../jost/static/Jost-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../jost/static/Jost-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../jost/static/Jost-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../jost/static/Jost-ExtraBold.ttf') format('truetype');
}

/* =========================
   SYNE FONT
========================= */

@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../syne/static/Syne-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../syne/static/Syne-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../syne/static/Syne-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../syne/static/Syne-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../syne/static/Syne-ExtraBold.ttf') format('truetype');
}

/* =========================
   GLOBAL FONT USAGE
========================= */

body {
    font-family: 'Jost', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading {
    font-family: 'Syne', sans-serif;
}





/* =========================================================
   OFFLINE LOCAL FONTS CSS
   Remove all fonts.googleapis.com / fonts.gstatic.com usage
========================================================= */
/* =========================
   JOST FONT
========================= */
/*@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../jost/static/Jost-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../jost/static/Jost-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../jost/static/Jost-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../jost/static/Jost-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../jost/static/Jost-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../jost/static/Jost-ExtraBold.woff2') format('woff2');
}*/

/* =========================
   SYNE FONT
========================= */

/*@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../syne/static/Syne-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../syne/static/Syne-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../syne/static/Syne-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../syne/static/Syne-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Syne';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../syne/static/Syne-ExtraBold.woff2') format('woff2');
}*/

/* =========================
   GLOBAL FONT USAGE
========================= */

/*body {
    font-family: 'Jost', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading {
    font-family: 'Syne', sans-serif;
}*/