@font-face {
    font-family: 'vivo-medium';
    src: url('../fonts/vivo-sans/vivo-medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'vivo-medium-wide';
    src: url('../fonts/vivo-sans/vivo-medium-wide.otf') format('opentype');
    font-weight: normal;
    font-style: normal;    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'pine-medium';
    src: url('../fonts/CamphorPro-Medium.otf') format('opentype');
    font-weight: normal;    -webkit-font-smoothing: antialiased;
    font-style: normal;
}

@font-face {
    font-family: 'pine-light';
    src: url('../fonts/CamphorPro-Thin.otf') format('opentype');
    font-weight: normal;    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'pine-bold';
    src: url('../fonts/CamphorPro-Heavy.otf') format('opentype');
    font-weight: normal;    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'vivo-light-body';
    src: url('../fonts/vivo-sans/vivo-light-body.otf') format('opentype');
    font-weight: normal;    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'vivo-bold-body';
    src: url('../fonts/vivo-sans/vivo-bold-body.otf') format('truetype');
    font-weight: normal;    -webkit-font-smoothing: antialiased;
}