@font-face {
	font-family: Graphik;
	src: url(GraphikThin.otf);
	font-weight: 100;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikExtralight.otf);
	font-weight: 200;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikLight.otf);
	font-weight: 300;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikRegular.otf);
	font-weight: 400;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikMedium.otf);
	font-weight: 500;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikSemibold.otf);
	font-weight: 600;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikBold.otf);
	font-weight: 700;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikBlack.otf);
	font-weight: 800;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikSuper.otf);
	font-weight: 900;
}

/* Italic */
@font-face {
	font-family: Graphik;
	src: url(GraphikThinItalic.otf);
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikExtralightItalic.otf);
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikLightItalic.otf);
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikRegularItalic.otf);
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikMediumItalic.otf);
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikSemiboldItalic.otf);
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikBoldItalic.otf);
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikBlackItalic.otf);
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: Graphik;
	src: url(GraphikSuperItalic.otf);
	font-weight: 900;
	font-style: italic;
}