@font-face {
    font-family: 'akzidenz-grotesk_bqlight';
    src: url('../fonts/akzidenzgrotesk-light-webfont.woff2') format('woff2'), url('../fonts/akzidenzgrotesk-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'akzidenz-grotesk_bqregular';
    src: url('../fonts/akzidenzgrotesk-regular-webfont.woff2') format('woff2'), url('../fonts/akzidenzgrotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'akzidenz-grotesk_bqmedium';
    src: url('../fonts/akzidenzgrotesk-medium-webfont.woff2') format('woff2'), url('../fonts/akzidenzgrotesk-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'akzidenz-grotesk_bqbold';
    src: url('../fonts/akzidenzgrotesk-bold-webfont.woff2') format('woff2'), url('../fonts/akzidenzgrotesk-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html,
body {
    font-family: 'akzidenz-grotesk_bqregular', sans-serif;
    /* font-size: 16px; */
    scroll-behavior: smooth;
}

body,
button {
    font-size: 1em;
}

h1 {
    font-size: 4em;
    font-family: 'akzidenz-grotesk_bqbold', sans-serif;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 3em;
    font-family: 'akzidenz-grotesk_bqmedium', sans-serif;
    margin-bottom: 0.5em;
}

h3 {
    font-size: 2em;
    font-family: 'akzidenz-grotesk_bqregular', sans-serif;
    margin-bottom: 0.5em;
}

h4 {
    font-size: 1.8em;
    font-family: 'akzidenz-grotesk_bqlight', sans-serif;
    margin-bottom: 0.5em;
}

@media only screen and (max-width: 700px) {
    h2 {
        font-size: 2.2em;
    }
}