@font-face {
    font-family: 'queens_varlight';
    src: url('queens-var-webfont.woff2') format('woff2'),
         url('queens-var-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'graphik-regular';
    src: url('graphikregular-webfont.woff2') format('woff2'),
         url('graphikregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'graphik-bold';
    src: url('graphikbold-webfont.woff2') format('woff2'),
         url('graphikbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'graphik-semibold';
    src: url('graphiksemibold-webfont.woff2') format('woff2'),
         url('graphiksemibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'graphik-medium';
    src: url('graphikmedium-webfont.woff2') format('woff2'),
         url('graphikmedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'graphik-light';
    src: url('graphiklight-webfont.woff2') format('woff2'),
         url('graphiklight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}