/* 
	Type Faces
*/

@font-face {
  font-family: 'Graphik';
  src:  url('../fonts/Graphik-Medium.woff2') format('woff2'),
        url('../fonts/Graphik-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Graphik';
  src:  url('../fonts/Graphik-Medium.woff2') format('woff2'),
        url('../fonts/Graphik-Medium.woff') format('woff');
}

/* 
	Text
*/
.text--italic {
	font-style: italic;
}
.text--uppercase {
	text-transform: uppercase;
}
.text--lowercase {
	text-transform: lowercase;
}
.text--align-left {
	text-align: left;
}
.text--align-center {
	text-align: center;
}
.text--align-right {
	text-align: right;
}
.text--underline {
	text-decoration: underline;
}
.text--bold {
	font-weight: 700;
}
.text--spaced {
	letter-spacing: 0.075em;
}


/* Typography Sizes */

.type--display_3,
.type--display_2,
.type--display_1,
.type--body,
.type--caption {
	font-family: 'Graphik', sans-serif !important;
	font-weight: 400 !important;
}

.type--display_3 {
	font-size: 24px;
	line-height: 115%;
	letter-spacing: -0.015em;
}

.type--display_2 {
	font-size: 22px;
	line-height: 120%;
	letter-spacing: -0.01em;
}

.type--display_1 {
	font-size: 19px;
	line-height: 120%;
}

.type--body {
	font-size: 16px;
	line-height: 130%;
}

.type--caption {
	font-size: 13px;
	line-height: 135%;
}

.type--min {
	font-size: 11px;
	line-height: 125%;
}

.type--gray {
	color: rgb(180, 180, 180) !important;
	text-decoration-color: rgb(180, 180, 180) !important;
}

.type--black {
	color: black !important;
	text-decoration-color: black !important;
}

@media only screen and (min-width: 1024px) {
	
	.type--display_3 {
		font-size: 32px;
		line-height: 115%;
		letter-spacing: -0.015em;
	}

	.type--display_2 {
		font-size: 26px;
		line-height: 120%;
		letter-spacing: -0.01em;
	}

	.type--display_1 {
		font-size: 22px;
	}

	.type--body {
		font-size: 17px;
		line-height: 21px;
	}

	.type--caption {
		font-size: 13px
	}
}