body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
select,
th,
td {
    font-family: "Roboto-Regular";
}

.richtext strong,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
    font-weight: normal;
    font-family: "Roboto-Bold";
}

.richtext h2 {
    font-weight: normal;
    font-family: "Roboto-Bold";
}

.richtext,
.richtext * {
    font-family: "Roboto-Regular";
    font-size: 16px;
}

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

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

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

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




.gtj-ff-bold {
    font-family: "Roboto-Bold";
    font-weight: normal;
}
.gtj-ff-sbold {
    font-family: "Roboto-Medium";
    font-weight: normal;
}

.text-light{
    font-family: "Roboto-Light";
}