@font-face {
    font-family: 'TitilliumWeb';
    src: url('../../fonts/TitilliumWeb-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'TitilliumWebBold';
    src: url('../../fonts/TitilliumWeb-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'PublicSans';
    src: url('../../fonts/publicsans-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PublicSansThin';
    src: url('../../fonts/publicsans-thin.ttf') format('truetype');
}

@font-face {
    font-family: 'QuestaGrande';
    src: url('../../fonts/questagrande-regular.otf') format('opentype');
}

@font-face {
    font-family: 'PublicSansEL';
    src: url('../../fonts/publicsans-extralight.ttf') format('truetype');
}

@font-face {
    font-family: 'Arizonia';
    src: url('../../fonts/Arizonia-Regular.ttf') format('truetype');
}

.titbold {
    font-family: 'TitilliumWebBold';
}

.f8 {
    font-size: 8px;
}

.f10 {
    font-size: 10px;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size:20px;
}

.f22 {
    font-size: 22px;
}

.f24 {
    font-size: 24px;
}

.f26 {
    font-size: 26px;
}

.f32 {
    font-size: 32px;
}

.f38 {
    font-size: 38px;
}

.f52 {
    font-size: 52px;
}