/* 
	Type Faces
*/
@font-face {
	font-family: CooperHewitt;
	src: url("../fonts/CooperHewitt-Medium.woff") format("woff"), url("../fonts/CooperHewitt-Medium.eot") format("eot");
	font-style: normal;
	font-weight: 500;
	font-stretch: normal;
}

@font-face {
	font-family: CooperHewitt;
	src: url("../fonts/CooperHewitt-Semibold.woff") format("woff"), url("../fonts/CooperHewitt-Semibold.eot") format("eot");
	font-style: normal;
	font-weight: 600;
	font-stretch: normal;
}

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

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

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

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

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

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

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


/* 
	Type Sizes 
*/

.t-min {
	font-family: 'Roboto Mono', monospace;
	font-size: .8rem;
	line-height: 1em;
	font-weight: 700;
	text-transform: uppercase;
}

.t-small {
	font-family: CooperHewitt, Arial, Helvetica, sans-serif;
	font-size: 0.6rem;
	line-height: 1.25em;
	font-weight: 600;
}

.t-caption {
	font-family: CooperHewitt, Arial, Helvetica, sans-serif;
	font-size: 0.8rem;
	line-height: 1.25em;
	font-weight: 600;
}

.t-body {
	font-family: CooperHewitt, Arial, Helvetica, sans-serif;
	font-size: 1rem;
	line-height: 1.25em;
	font-weight: 600;
}

.t-h5,
.t-h4 {
	font-family: CooperHewitt, Arial, Helvetica, sans-serif;
	font-size: 1.25rem;
	line-height: 1.25em;
	font-weight: 500;
}

.t-h3,
.t-h2 {
	font-family: CooperHewitt, Arial, Helvetica, sans-serif;
	font-size: 1.8rem;
	line-height: 1.15em;
	font-weight: 500;
}

.t-h1 {
	font-family: CooperHewitt, Arial, Helvetica, sans-serif;
	font-size: 2rem;
	line-height: 1em;
	font-weight: 500;
}


/* Desktop Media Query */
@media screen and (min-width: 52rem) {
	.t-min {
		font-size: .75rem;
	}

	.t-caption {
		font-size: 1rem;
	}

	.t-body {
		font-size: 1rem;
		line-height: 1.3em;
	}
	
	.t-h5 {
		font-size: 1.5rem;
	}
	
	.t-h4 {
		font-size: 1.3rem;
		line-height: 1.3em;
	}

	.t-h3,
	.t-h2 {
		font-size: 2rem;
		line-height: 1.1em;
	}

	.t-h1 {
		font-size: 3rem;
	}
}