/* Fonts */

@font-face {
    font-family: 'Effra-Bold';
    font-style: normal;
    font-display: block;
    font-weight: 700;
    src: local('EffraBold'), local('EffraBold'),
    url('https://static.nos.nl/fonts/effra/EffraBold.woff?v=prod-app') format('woff'),
    url('https://static.nos.nl/fonts/effra/EffraBold.woff2?v=prod-app') format('woff2');
}
@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-display: block;
    font-weight: 400;
    src: local('Karla'), local('Karla'),
    url('https://static.nos.nl/fonts/karla/Karla-Regular.ttf?v=prod-app') format('truetype');
}
@font-face {
    font-family: 'Karla';
    font-style: italic;
    font-display: block;
    font-weight: 400;
    src: local('Karla'), local('Karla'),
    url('https://static.nos.nl/fonts/karla/Karla-Italic.ttf?v=prod-app') format('truetype');
}
@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-display: block;
    font-weight: 700;
    src: local('Karla'), local('Karla'),
    url('https://static.nos.nl/fonts/karla/Karla-Bold.ttf?v=prod-app') format('truetype');
}
@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-display: block;
    font-weight: 700;
    src: local('Merriweather'), local('Merriweather'),
    url('https://static.nos.nl/fonts/merriweather/Merriweather-Bold.ttf?v=prod-app') format('truetype');
}