/* 
	Type Faces
*/

@font-face {
	font-family: "Neue Haas Grotesk";
	src: url("../fonts/NeueHaasGroteskDisplay-65Medium-Web.woff2") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 500;
}

@font-face {
	font-family: "Neue Haas Grotesk";
	src: url("../fonts/NeueHaasGroteskDisplay-66MediumItalic-Web.woff2") format("woff2");
	font-display: swap;
	font-style: italic;
	font-weight: 500;
}

body {
	font-family: "Neue Haas Grotesk", Helvetica, Arial, -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 500;
	-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;
}

/* Tablet (>768px) */
@media only screen and (min-width: 48rem) {
	h1, h2, h3, h4, h5, h6 {
		font-size: 20px;
		line-height: 1.25em;
	}
}

/* Desktop (>1024px) */
@media only screen and (min-width: 64rem) {
	h1, h2, h3, h4, h5, h6 {
		font-size: 26px;
		line-height: 1.25em;
	}
}

/* Desktop (>1600px) */
@media only screen and (min-width: 100rem) {
	h1, h2, h3, h4, h5, h6 {
		font-size: 30px;
		line-height: 1.25em;
	}
}

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

.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: 14px;
	line-height: 1.2em;
	letter-spacing: 0.02em;
}

.text-small {
	font-size: 14px;
	line-height: 1.2em;
}

.text-medium {
	font-size: 20px;
	line-height: 1.15em;
}

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

	.text-small {
		font-size: 20px;
		line-height: 1.2em;
	}

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

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

	.text-small {
		font-size: 20px;
		line-height: 1.15em;
	}

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


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

	.text-small {
		font-size: 20px;
		line-height: 1.15em;
	}

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

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

/* 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;
	}
}