@charset "utf-8";

/* GOOGLE SANS */
@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Product Sans Regular'),
    url('../fonts/google/ProductSans-Regular.woff') format('woff'),
    url('../fonts/google/ProductSans-Regular.ttf') format('ttf');
}

@font-face {
    font-family: 'Google Sans';
    font-style: italic;
    font-weight: normal;
    src: local('Product Sans Italic'),
    url('../fonts/google/ProductSans-Italic.woff') format('woff'),
    url('../fonts/google/ProductSans-Italic.ttf') format('ttf');
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: bold;
    src: local('Product Sans Bold'),
    url('../fonts/google/ProductSans-Bold.woff') format('woff'),
    url('../fonts/google/ProductSans-Bold.ttf') format('ttf');
}

@font-face {
    font-family: 'Google Sans';
    font-style: italic;
    font-weight: bold;
    src: local('Product Sans Bold Italic'),
    url('../fonts/google/ProductSans-BoldItalic.woff') format('woff'),
    url('../fonts/google/ProductSans-BoldItalic.ttf') format('ttf');
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 100;
    src: local('Product Sans Thin Regular'),
    url('../fonts/google/ProductSans-Thin.woff') format('woff'),
    url('../fonts/google/ProductSans-Thin.ttf') format('ttf');
}

@font-face {
    font-family: 'Google Sans';
    font-style: italic;
    font-weight: 100;
    src: local('Product Sans Thin Italic'),
    url('../fonts/google/ProductSans-ThinItalic.woff') format('woff'),
    url('../fonts/google/ProductSans-ThinItalic.ttf') format('ttf');
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 200;
    src: local('Product Sans Light Regular'),
    url('../fonts/google/ProductSans-Light.woff') format('woff'),
    url('../fonts/google/ProductSans-Light.ttf') format('ttf');
}

@font-face {
    font-family: 'Google Sans';
    font-style: italic;
    font-weight: 200;
    src: local('Product Sans Light Italic'),
    url('../fonts/google/ProductSans-LightItalic.woff') format('woff'),
    url('../fonts/google/ProductSans-LightItalic.ttf') format('ttf');
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Product Sans Medium Regular'),
    url('../fonts/google/ProductSans-Medium.woff') format('woff'),
    url('../fonts/google/ProductSans-Medium.ttf') format('ttf');
}

@font-face {
    font-family: 'Google Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Product Sans Medium Italic'),
    url('../fonts/google/ProductSans-MediumItalic.woff') format('woff'),
    url('../fonts/google/ProductSans-MediumItalic.ttf') format('ttf');
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Product Sans Black Regular'),
    url('../fonts/google/ProductSans-Black.woff') format('woff'),
    url('../fonts/google/ProductSans-Black.ttf') format('ttf');
}

@font-face {
    font-family: 'Google Sans';
    font-style: italic;
    font-weight: 800;
    src: local('Product Sans Black Italic'),
    url('../fonts/google/ProductSans-BlackItalic.woff') format('woff'),
    url('../fonts/google/ProductSans-BlackItalic.ttf') format('ttf');
}

/* OCRA */
@font-face {
    font-family: 'ocra';
    src: url('../fonts/ocra.ttf') format('truetype');
    font-weight: normal;
}

.ocra {
    font-family: 'ocra';
}