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


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

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

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

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

.bold,.text-bold {
    font-family: "Outfit-Bold";
    font-weight: normal;
}
.black {
    font-family: "Outfit-Black";
    font-weight: normal;
}

.medium {
    font-family: "Outfit-Medium";
    font-weight: normal;
}
.light {
    font-family: "Outfit-Light";
}