@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-face {
    font-family: 'TypoRoundBoldDemo';
    src: url('../fonts/TypoRound/Typo_Round_Bold_Demo.otf') format('opentype');
}

@font-face {
    font-family: 'TypoRoundBoldItalicDemo';
    src: url('../fonts/TypoRound/Typo_Round_Bold_Italic_Demo.otf') format('opentype');
}

@font-face {
    font-family: 'TypoRoundItalicDemo';
    src: url('../fonts/TypoRound/Typo_Round_Italic_Demo.otf') format('opentype');
}

@font-face {
    font-family: 'TypoRoundLightDemo';
    src: url('../fonts/TypoRound/Typo_Round_Light_Demo.otf') format('opentype');
}

@font-face {
    font-family: 'TypoRoundLightItalicDemo';
    src: url('../fonts/TypoRound/Typo_Round_Light_Italic_Demo.otf') format('opentype');
}

@font-face {
    font-family: 'TypoRoundRegularDemo';
    src: url('../fonts/TypoRound/Typo_Round_Regular_Demo.otf') format('opentype');
}

@font-face {
    font-family: 'TypoRoundThinDemo';
    src: url('../fonts/TypoRound/Typo_Round_Thin_Demo.otf') format('opentype');
}

@font-face {
    font-family: 'TypoRoundThinItalicDemo';
    src: url('../fonts/TypoRound/Typo_Round_Thin_Italic_Demo.otf') format('opentype');
}

.font-light {
    font-family: WorkSansLight !important;
}

.font-bold {
    font-family: WorkSansBold;
}

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

.font-medium {
    font-family: WorkSansMedium;
}

.font-10 {
    font-size: 10px;
}

.font-12 {
    font-size: 12px;
}

.font-15 {
    font-size: 15px;
}

.font-45 {
    font-size: 45px;
}