@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikThin.otf') format('opentype'); font-weight: 100; font-style: normal; /*font-display: swap;*/ }
@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikThinItalic.otf') format('opentype'); font-weight: 100; font-style: italic; /*font-display: swap;*/ }

@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikExtralight.otf') format('opentype'); font-weight: 200; font-style: normal; /*font-display: swap;*/ }
@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikExtralightItalic.otf') format('opentype'); font-weight: 200; font-style: italic; /*font-display: swap;*/ }

@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikLight.otf') format('opentype'); font-weight: 300; font-style: normal; /*font-display: swap;*/ }
@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikLightItalic.otf') format('opentype'); font-weight: 300; font-style: italic; /*font-display: swap;*/ }

@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikRegular.otf') format('opentype'); font-weight: 400; font-style: normal; /*font-display: swap;*/ }
@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikRegularItalic.otf') format('opentype'); font-weight: 400; font-style: italic; /*font-display: swap;*/ }

@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikMedium.otf') format('opentype'); font-weight: 500; font-style: normal; /*font-display: swap;*/ }
@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikMediumItalic.otf') format('opentype'); font-weight: 500; font-style: italic; /*font-display: swap;*/ }

@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikSemibold.otf') format('opentype'); font-weight: 600; font-style: normal; /*font-display: swap;*/ }
@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikSemiboldItalic.otf') format('opentype'); font-weight: 600; font-style: italic; /*font-display: swap;*/ }

@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikBold.otf') format('opentype'); font-weight: 700; font-style: normal; /*font-display: swap;*/ }
@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikBoldItalic.otf') format('opentype'); font-weight: 700; font-style: italic; /*font-display: swap;*/ }

@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikBlack.otf') format('opentype'); font-weight: 800; font-style: normal; /*font-display: swap;*/ }
@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikBlackItalic.otf') format('opentype'); font-weight: 800; font-style: italic; /*font-display: swap;*/ }

@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikSuper.otf') format('opentype'); font-weight: 900; font-style: normal; /*font-display: swap;*/ }
@font-face { font-family: 'Graphik'; src: url('../fonts/GraphikSuperItalic.otf') format('opentype'); font-weight: 900; font-style: italic; /*font-display: swap;*/ }