@font-face {
    font-family: 'product_r';
    src: url('../fonts/SVN-ProductSans.woff2') format('woff2'), 
    url('../fonts/SVN-ProductSans.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'product_b';
    src: url('../fonts/SVN-ProductSansBold.woff2') format('woff2'), 
    url('../fonts/SVN-ProductSansBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'product_i';
    src: url('../fonts/SVN-ProductSansItalic.woff2') format('woff2'), 
    url('../fonts/SVN-ProductSansItalic.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_m';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'), 
    url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_r';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'), 
    url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}