*{
    font-family: "Jost-Regular";
}
.richtext h3,.richtext h4,.richtext h5,.richtext h6{
    font-family: "Jost-Bold";
    font-weight: normal;
}
.richtext strong,.richtext h2{
    font-family: "Jost-Regular";
    font-weight: normal;
}
.richtext *{
	font-family: inherit;
}


@font-face{
       font-family: "Jost-Regular";
       src: local("Jost-Regular"), url("../fonts/Jost-Regular.ttf") format('truetype');
       font-style:normal;
       font-weight:normal;
       font-display: fallback;
}


@font-face{
    font-family: "Jost-Medium";
    src: local("Jost-Medium"), url("../fonts/Jost-Medium.ttf") format('truetype');
    font-style:normal;
    font-weight:normal;
    font-display: fallback;
}
@font-face{
    font-family: "Jost-Light";
    src: local("Jost-Light"), url("../fonts/Jost-Light.ttf") format('truetype');
    font-style:normal;
    font-weight:normal;
    font-display: fallback;
}
@font-face{
    font-family: "Jost-Thin";
    src: local("Jost-Thin"), url("../fonts/Jost-Thin.ttf") format('truetype');
    font-style:normal;
    font-weight:normal;
    font-display: fallback;
}
@font-face{
    font-family: "Jost-Bold";
    src: local("Jost-Bold"), url("../fonts/Jost-Bold.ttf") format('truetype');
    font-style:normal;
    font-weight:normal;
    font-display: fallback;
}
@font-face{
    font-family: "Jost-SemiBold";
    src: local("Jost-SemiBold"), url("../fonts/Jost-SemiBold.ttf") format('truetype');
    font-style:normal;
    font-weight:normal;
    font-display: fallback;
}


.regular{
    font-family: "Jost-Regular";
    font-weight: normal;
}
.light{
    font-family: "Jost-Light";
}
.thin{
    font-family: "Jost-Thin";
}
.medium{
    font-weight: normal;
    font-family: "Jost-Medium";
}
.bold,.text-bold{
    font-family: "Jost-Bold";
    font-weight: normal;
}
.semibold{
    font-family: "Jost-SemiBold";
    font-weight: normal;
}