@font-face
{
    font-family: "ProductSans";
    font-weight: 400;
    font-style: normal;

    font-display: swap;
    src: url("ProductSans.woff") format("woff"),
    url("ProductSans.ttf") format("truetype");
}

@font-face
{
    font-family: "ProductSans";
    font-weight: 700;
    font-style: normal;

    font-display: swap;
    src: url("ProductSans-Bold.woff") format("woff"),
    url("ProductSans-Bold.ttf") format("truetype");
}


@font-face
{
    font-family: "StratosLCWeb";
    font-weight: 400;
    font-style: normal;

    font-display: swap;
    src: url("StratosLCWeb-Regular.woff") format("woff"),
    url("StratosLCWeb-Regular.ttf") format("truetype");
}

@font-face
{
    font-family: "StratosLCWeb";
    font-weight: 700;
    font-style: normal;

    font-display: swap;
    src: url("StratosLCWeb-Bold.woff") format("woff"),
    url("StratosLCWeb-Bold.ttf") format("truetype");
}


@font-face
{
    font-family: "GraphikLCG";
    font-weight: 300;
    font-style: normal;

    font-display: swap;
    src: url("GraphikLCG-Light.woff") format("woff"),
    url("GraphikLCG-Light.ttf") format("truetype");
}

@font-face
{
    font-family: "GraphikLCG";
    font-weight: 400;
    font-style: normal;

    font-display: swap;
    src: url("GraphikLCG-Regular.woff") format("woff"),
    url("GraphikLCG-Regular.ttf") format("truetype");
}

@font-face
{
    font-family: "GraphikLCG";
    font-weight: 400;
    font-style: italic;

    font-display: swap;
    src: url("GraphikLCG-RegularItalic.woff") format("woff"),
    url("GraphikLCG-RegularItalic.ttf") format("truetype");
}

@font-face
{
    font-family: "GraphikLCG";
    font-weight: 500;
    font-style: normal;

    font-display: swap;
    src: url("GraphikLCG-Medium.woff") format("woff"),
    url("GraphikLCG-Medium.ttf") format("truetype");
}

@font-face
{
    font-family: "GraphikLCG";
    font-weight: 500;
    font-style: italic;

    font-display: swap;
    src: url("GraphikLCG-MediumItalic.woff") format("woff"),
    url("GraphikLCG-MediumItalic.ttf") format("truetype");
}

@font-face
{
    font-family: "GraphikLCG";
    font-weight: 600;
    font-style: normal;

    font-display: swap;
    src: url("GraphikLCG-Semibold.woff") format("woff"),
    url("GraphikLCG-Semibold.ttf") format("truetype");
}

@font-face
{
    font-family: "GraphikLCG";
    font-weight: 600;
    font-style: italic;

    font-display: swap;
    src: url("GraphikLCG-SemiboldItalic.woff") format("woff"),
    url("GraphikLCG-SemiboldItalic.ttf") format("truetype");
}

@font-face
{
    font-family: "GraphikLCG";
    font-weight: 700;
    font-style: normal;

    font-display: swap;
    src: url("GraphikLCG-Bold.woff") format("woff"),
    url("GraphikLCG-Bold.ttf") format("truetype");
}

@font-face
{
    font-family: "Proxima-Nova";
    font-weight: 400;
    font-style: normal;

    font-display: swap;
    src: url("Proxima-Nova-Regular.woff") format("woff"),
    url("Proxima-Nova-Regular.ttf") format("truetype");
}

@font-face
{
    font-family: "Proxima-Nova";
    font-weight: 600;
    font-style: normal;

    font-display: swap;
    src: url("Proxima-Nova-Semibold.woff") format("woff"),
    url("Proxima-Nova-Semibold.ttf") format("truetype");
}

@font-face
{
    font-family: "Proxima-Nova";
    font-weight: 700;
    font-style: normal;

    font-display: swap;
    src: url("Proxima-Nova-Bold.woff") format("woff"),
    url("Proxima-Nova-Bold.ttf") format("truetype");
}

@font-face
{
    font-family: "Proxima-Nova";
    font-weight: 800;
    font-style: normal;

    font-display: swap;
    src: url("Proxima-Nova-Extrabld.woff") format("woff"),
    url("Proxima-Nova-Extrabld.ttf") format("truetype");
}


@font-face
{
    font-family: "Manrope";
    font-weight: 400;
    font-style: normal;

    font-display: swap;
    src: url("manrope/Manrope-Regular.woff") format("woff"),
    url("manrope/Manrope-Regular.ttf") format("truetype");
}

@font-face
{
    font-family: "Manrope";
    font-weight: 500;
    font-style: normal;

    font-display: swap;
    src: url("manrope/Manrope-Medium.woff") format("woff"),
    url("manrope/Manrope-Medium.ttf") format("truetype");
}

@font-face
{
    font-family: "Manrope";
    font-weight: 600;
    font-style: normal;

    font-display: swap;
    src: url("manrope/Manrope-SemiBold.woff") format("woff"),
    url("manrope/Manrope-SemiBold.ttf") format("truetype");
}

@font-face
{
    font-family: "Manrope";
    font-weight: 700;
    font-style: normal;

    font-display: swap;
    src: url("manrope/Manrope-Bold.woff") format("woff"),
    url("manrope/Manrope-Bold.ttf") format("truetype");
}

@font-face
{
    font-family: "Manrope";
    font-weight: 800;
    font-style: normal;

    font-display: swap;
    src: url("manrope/Manrope-ExtraBold.woff") format("woff"),
    url("manrope/Manrope-ExtraBold.ttf") format("truetype");
}