/*******************
  TITLES
*******************/

.title.huge > * {
	font-size: 5em;
	line-height: 1.125em;
	font-weight: 700;
}
.title.big > * {
	font-size: 3.75em;
	line-height: 1.125em;
	font-weight: 700;
}
.title.medium > * {
	font-size: 2.8125em;
	line-height: 1.25em;
	font-weight: 700;
	text-transform: uppercase;
}
.title.small > * {
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: 700;
}

.title.serif > * {
	font-size: 2.8125em;
	line-height: 1.125em;
}

.pretitle > * {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
}

	@media screen and (max-width: 1300px) {
		.title.huge > * { font-size: 4.5em; }
		.title.big > * { font-size: 3.25em; }
	}
	@media screen and (max-width: 1000px) {
		.title:not(.no-mobile-break) > * br { display: none; }
	}
	@media screen and (max-width: 850px) {
		.title.huge > * { font-size: 3.75em; }
		.title.big > * { font-size: 2.75em; }
		.title.serif > * { font-size: 2.33em; }
		.title.medium > * { font-size: 1.5em; }
		.title.small > * { font-size: 1.15em; }
	}
	@media screen and (max-width: 450px) {
		.title.huge > * { font-size: 3em; }
		.title.big > * { font-size: 2.25em; }
	}