:root {
    --main-bg-color: #fff;
    --main-txt-color: #4C4C4C; /* #353535 */
    --main-link-color: #1E1E1E;
    --main-white: #ffffff;
    --main-red: #ef5350;

    --main-border-color: rgb(227, 221, 216);

    --bnp-color-headline: #1E1E1E;

    --bnp-color-primary: #B3D83A;
    --bnp-color-primary-light: #A7C134;
    --bnp-color-primary-dark: #659327;

    --bnp-color-secondary: #C0D345;
    --bnp-color-secondary-light: #B9CF3E;
    --bnp-color-secondary-dark: #72A82D;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(../roboto/Roboto-Light.woff2) format('woff2');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(../roboto/Roboto-Regular.woff2) format('woff2');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../roboto/Roboto-Medium.woff2) format('woff2');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(../roboto/Roboto-Bold.woff2) format('woff2');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(../roboto/Roboto-Italic.woff2) format('woff2');
}

/* -------------------------------------------------------------------------------------- */

html, body {
    font-family: 'Roboto',Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
body {
    background-color: var(--main-bg-color);
    color: var(--main-txt-color);
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

a {
    color: var(--main-link-color);
    font-weight: inherit;
    text-decoration: underline;
    text-underline-offset: 18%;
}

h1 {
    font-size: 38px;
    line-height: 48px;
    margin: 0;
    padding: 0 0 10px;
    font-weight: 200;
    color: var(--bnp-color-headline);
}
h2 {
    font-size: 28px;
    margin: 0;
    padding: 0 0 10px;
    line-height: inherit;
    font-weight: 200;
    color: var(--bnp-color-headline);
}