@font-face {
    font-family: 'Graphie';
    src: url('Graphie-Bold.otf') format('opentype'),
         url('Graphie-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
	font-display: swap
}
@font-face {
    font-family: 'Graphie';
    src: url('Graphie-SemiBold.otf') format('opentype'),
         url('Graphie-SemiBold.ttf') format('truetype');
    font-style: normal; 
    font-weight: 600;
	font-display: swap
}
@font-face {
    font-family: 'Graphie';
    src: url('Graphie-Regular.otf') format('opentype'),
         url('Graphie-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
	font-display: swap
}
/* @font-face {
     font-family: 'Graphie';
     src: url('../assets/fonts/graphie/Graphie-Italic.otf') format('opentype'),
          url('../assets/fonts/graphie/Graphie-Italic.ttf') format('truetype');
     font-style: normal;
     font-weight: 400;
 	font-display: swap
 }*/