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

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

:root {
    --font-montserrat-medium: normal normal montserratmedium;
    --font-montserrat-regular: normal normal montserratregular;
}

.montserrat-medium {
    font: var(--font-montserrat-medium);
}

.montserrat-regular {
    font: var(--font-montserrat-regular);
}