:root {
    --body-font:'Metrophobic', Arial, Helvetica, sans-serif;
    --h1-font: 'PlayfairDisplay-Black', Arial, Helvetica, sans-serif;
    --h2-font: 'PlayfairDisplay-Regular', Arial, Helvetica, sans-serif;
    --h3456-font: 'PlayfairDisplay-SemiBold', Arial, Helvetica, sans-serif;
    --chapeau-font: 'PlayfairDisplay-Regular', Arial, Helvetica, sans-serif;
}

@font-face {
    font-family: 'Metrophobic';
    src: url('//fonts.xsalto.com/metrophobic/metrophobic-regular-webfont.woff2') format('woff2'),
         url('//fonts.xsalto.com/metrophobic/metrophobic-regular-webfont.woff') format('woff');
	font-display: swap;
	font-weight: 400;
	font-style: normal;
}


@font-face {
    font-family: 'PlayfairDisplay-Regular';
    src: url('//fonts.xsalto.com/playfair-display/PlayfairDisplay-Regular.woff2') format('woff2'),
         url('//fonts.xsalto.com/playfair-display/PlayfairDisplay-Regular.woff') format('woff2');
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-SemiBold';
    src: url('//fonts.xsalto.com/playfair-display/PlayfairDisplay-SemiBold.woff2') format('woff2'),
         url('//fonts.xsalto.com/playfair-display/PlayfairDisplay-SemiBold.woff') format('woff2');
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'PlayfairDisplay-Black';
    src: url('//fonts.xsalto.com/playfair-display/PlayfairDisplay-Black.woff2') format('woff2'),
         url('//fonts.xsalto.com/playfair-display/PlayfairDisplay-Black.woff') format('woff2');
    font-display: swap;
    font-style: normal;
}