/* 
	Type Faces
*/

@font-face {
	font-family: Standard;
	font-weight: 400;
	font-style: normal;
	src: url("../fonts/standard-book-webfont.woff2") format("woff2"), url("../fonts/standard-book-webfont.woff") format("woff"), url("../fonts/standard-book-webfont.eot") format("eot");
}

@font-face {
	font-family: Standard;
	font-weight: 400;
	font-style: italic;
	src: url("../fonts/standard-book-italic-webfont.woff2") format("woff2"), url("../fonts/standard-book-italic-webfont.woff") format("woff"), url("../fonts/standard-book-italic-webfont.eot") format("eot");
}

@font-face {
	font-family: Standard;
	font-weight: 600;
	font-style: normal;
	src: url("../fonts/standard-bold-webfont.woff2") format("woff2"), url("../fonts/standard-bold-webfont.woff") format("woff"), url("../fonts/standard-bold-webfont.eot") format("eot");
}

@font-face {
	font-family: Standard;
	font-weight: 600;
	font-style: italic;
	src: url("../fonts/standard-bold-italic-webfont.woff2") format("woff2"), url("../fonts/standard-bold-italic-webfont.woff") format("woff"), url("../fonts/standard-bold-italic-webfont.eot") format("eot");
}


.t-sans {
	font-family: "Standard", Arial, Helvetica, sans-serif;
}

/* 
	Text
*/

.t-regular {
	font-weight: 400;
}

.t-bold {
	font-weight: 600;
}

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

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

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

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

.t-balance {
	text-wrap: balance;
}

.t-nowrap {
	white-space: nowrap;
}

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

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

.t-underline {
	text-decoration: underline;
}

/* 
	Colors 
*/

.t-dark-gray {
	color: #808080;
}

.t-gray {
	color: #B4B4B4;
}

.t-light-gray {
	color: #F1F1F1;
}

.t-white {
	color: white;
}


/* 
	Type Sizes 
*/

.t-caption {
	font-size: 0.725rem; 
	line-height: 1.5em;
	letter-spacing: -0.01em;
}

.t-smaller {
    font-size: 0.875rem;
	line-height: 1.3em;
	letter-spacing: -0.01em;
}

.t-body {
	font-size: 0.9rem;
	line-height: 1.4em;
	letter-spacing: -0.015em;
}

.t-h3 {
	font-size: 1rem;
	line-height: 1.2em;
	letter-spacing: -0.015em;
}

.t-h2 {
	font-size: 1.2rem;
	line-height: 1.2em;
    letter-spacing: -0.01em;
}

.t-h1 {
	font-size: 1.25rem; 
	line-height: 1.1em;
	letter-spacing: -0.01em;
}

.t-h1.t-bold {
	letter-spacing: -0.035em;
}

/* Tablet */
@media only screen and (min-width: 48rem) {
	.t-body {
		font-size: 0.95rem;
		line-height: 1.5em;
	}

	.t-h1 {
		font-size: 1.4rem; 
		line-height: 1.05em;
	}
}

/* Desktop */
@media only screen and (min-width: 64rem) {

}

/* Desktop 4K */
@media only screen and (min-width: 100rem) {

}

/* Desktop 4K */
@media only screen and (min-width: 150rem) {
	.t-caption {
		font-size: 0.875rem;
	}
	
	.t-smaller {
		font-size: 1rem;
	}
	
	.t-body {
		font-size: 1.125rem;
	}
	
	.t-h3 {
		font-size: 1.125rem;
	}
	
	.t-h2 {
		font-size: 1.2rem;
	}
	
	.t-h1 {
		font-size: 1.45rem;
	}
}

/*
	Spacing
*/

.t-spaced {
	letter-spacing: 0.2em;
}

/*
	Line Height
*/

.t-line-height-xs {
	line-height: 1.1em;
}

.t-line-height-s {
	line-height: 1.2em;
}

.t-line-height-m {
	line-height: 1.3em;
}