/* something like "font-family: bitter" */
/* style: bold */
@font-face {
    font-family: bitter;
    src: url(../fonts/Bitter-Bold.otf) format('opentype'),
         url(../fonts/Bitter-Bold.ttf) format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: bitter;
    src: url(../fonts/Bitter-Italic.otf) format('opentype'),
         url(../fonts/Bitter-Italic.ttf) format('truetype');
    font-style: italic;
}

@font-face {
    font-family: bitter;
    src: url(../fonts/Bitter-Regular.otf) format('opentype'),
         url(../fonts/Bitter-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: bitter;
    src: url(../fonts/Bitter-SemiBold.otf) format('opentype'),
         url(../fonts/Bitter-SemiBold.ttf) format('truetype');
    font-weight: 600;
}


@font-face {
    font-family: montserrat-bold;
    src: url(../fonts/Montserrat-Bold.ttf);
}

@font-face {
    font-family: montserrat-regular;
    src: url(../fonts/Montserrat-Regular.ttf);
}