@font-face {
    font-family: 'OpenSans';
    src: url('./../fonts/OpenSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSans';
    src: url('./../fonts/OpenSans-Bold.ttf');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSans';
    src: url('./../fonts/OpenSans-Italic.ttf');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'OpenSans';
    src: url('./../fonts/OpenSans-BoldItalic.ttf');
    font-weight: bold;
    font-style: italic;

}


@font-face {
    font-family: 'Fester';
    src: url('./../fonts/Fester Book.otf');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Fester';
    src: url('./../fonts/Fester Bold.otf');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'Fester';
    src: url('./../fonts/Fester Medium.otf');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'Fester';
    src: url('./../fonts/Fester Heavy.otf');
    font-weight: bold;
    font-style: italic;

}