@font-face {
    font-family: 'WorkSansMedium';
    src: url('../fonts/Work_Sans/static/WorkSans-Medium.otf'),
         url('../fonts/Work_Sans/static/WorkSans-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'WorkSansLight';
    src: url('../fonts/Work_Sans/static/WorkSans-Light.otf'),
         url('../fonts/Work_Sans/static/WorkSans-Light.otf') format('opentype');
}

@font-face {
    font-family: 'WorkSansBold';
    src: url('../fonts/Work_Sans/static/WorkSans-Bold.otf'),
         url('../fonts/Work_Sans/static/WorkSans-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'WorkSansRegular';
    src: url('../fonts/Work_Sans/static/WorkSans-Regular.otf'),
         url('../fonts/Work_Sans/static/WorkSans-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'WorkSansSemiBold';
    src: url('../fonts/Work_Sans/static/WorkSans-SemiBold.otf'),
         url('../fonts/Work_Sans/static/WorkSans-Regular.otf') format('opentype');
}

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

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

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

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

.font-semi-bold {
    font-family: WorkSansSemiBold;
}