@font-face {
	font-family: Supreme;
	src: url("../fonts/Supreme-Regular.woff2") format("woff2"), url("../fonts/Supreme-Regular.woff") format("woff"), url("../fonts/Supreme-Regular.ttf") format("truetype"), url("../fonts/Supreme-Regular.eot") format("eot");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Supreme;
	src: url("../fonts/Supreme-Italic.woff2") format("woff2"), url("../fonts/Supreme-Italic.woff") format("woff"), url("../fonts/Supreme-Italic.ttf") format("truetype"), url("../fonts/Supreme-Italic.eot") format("eot");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: Supreme;
	src: url("../fonts/Supreme-Bold.woff2") format("woff2"), url("../fonts/Supreme-Bold.woff") format("woff"), url("../fonts/Supreme-Bold.ttf") format("truetype"), url("../fonts/Supreme-Bold.eot") format("eot");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: Supreme;
	src: url("../fonts/Supreme-BoldItalic.woff2") format("woff2"), url("../fonts/Supreme-BoldItalic.woff") format("woff"), url("../fonts/Supreme-BoldItalic.ttf") format("truetype"), url("../fonts/Supreme-BoldItalic.eot") format("eot");
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: Supreme;
	src: url("../fonts/Supreme-Extrabold.woff2") format("woff2"), url("../fonts/Supreme-Extrabold.woff") format("woff"), url("../fonts/Supreme-Extrabold.ttf") format("truetype"), url("../fonts/Supreme-Extrabold.eot") format("eot");
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: Supreme;
	src: url("../fonts/Supreme-ExtraboldItalic.woff2") format("woff2"), url("../fonts/Supreme-ExtraboldItalic.woff") format("woff"), url("../fonts/Supreme-ExtraboldItalic.ttf") format("truetype"), url("../fonts/Supreme-ExtraboldItalic.eot") format("eot");
	font-weight: 800;
	font-style: italic;
}

/* 
	Type Faces
*/

body {
	font-family: Supreme, Helvetica, Arial, -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: -0.01em;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 20px;
	line-height: 1.25em;
}

em {
	font-weight: 500;
}

/* 
	Text
*/
.text-bold {
	font-weight: 600;
}

.text-extrabold {
	font-weight: 800;
}

.text-italic {
	font-style: italic;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-lowercase {
	text-transform: lowercase;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}


/* 
	Type Sizes 
*/

.text-micro {
	font-size: 12px;
	line-height: 1.2em;
	letter-spacing: 0.02em;
}

.text-small {
	font-size: 16px;
	line-height: 1.3em;
}

.text-body {
	font-size: 18px;
	line-height: 1.3em;
}

.text-medium {
	font-size: 26px;
	line-height: 1.1em;
}

.text-large {
	font-size: 32px;
	line-height: 1.15em;
}

/* Tablet (>768px) */
@media only screen and (min-width: 48rem) {
	.text-micro {
		font-size: 12px;
	}

	.text-small {
		font-size: 16px;
	}

	.text-body {
		font-size: 20px;
		line-height: 1.3em;
	}

	.text-medium {
		font-size: 26px;
	}

	.text-large {
		font-size: 36px;
	}
}

/* Desktop (>1024px) */
@media only screen and (min-width: 64rem) {
	.text-micro {
		font-size: 12px;
		line-height: 1.2em;
	}

	.text-small {
		font-size: 16px;
	}

	.text-body {
		font-size: 22px;
		line-height: 1.3em;
	}

	.text-medium {
		font-size: 22px;
	}

	.text-large {
		font-size: 42px;
	}
}


/* Desktop (>1920px) */
@media only screen and (min-width: 100rem) {
	.text-micro {
		font-size: 14px;
	}

	.text-small {
		font-size: 20px;
	}

	.text-body {
		font-size: 26px;
		line-height: 1.3em;
	}

	.text-medium {
		font-size: 32px;
	}

	.text-large {
		font-size: 66px;
	}
}

.kt h3,
.kt h4,
.kt h5,
.kt h6 {
	font-size: 20px;
	line-height: 1.15em;
	margin-bottom: 1em;
	font-weight: 800;
}

/* Desktop (>1024px) */
@media only screen and (min-width: 64rem) {
	.kt h3,
	.kt h4,
	.kt h5,
	.kt h6 {
		font-size: 26px;
	}
}

/* Desktop (>1920px) */
@media only screen and (min-width: 100rem) {
	.kt h3,
	.kt h4,
	.kt h5,
	.kt h6 {
		font-size: 30px;
	}
}