@font-face {
font-family: 'league-gothic';
src: 	url('fonts/league-gothic-italic/LeagueGothic-Italic.otf') format('opentype'),
		url('fonts/league-gothic-italic/leaguegothic-italic-webfont.eot'),
		url('fonts/league-gothic-italic/leaguegothic-italic-webfont.ttf'),
		url('fonts/league-gothic-italic/leaguegothic-italic-webfont.woff') format('woff'),
		url('fonts/league-gothic-italic/leaguegothic-italic-webfont.svg#filename') format('svg');
    	font-weight: normal;
    	font-style: normal;
}

@font-face {
font-family: 'aktiv-grotesk';
src:   	url('fonts/aktive-grotesk/rg/aktivgrotesk_rg-small.ttf'),
		url('fonts/aktive-grotesk/rg/aktivgrotesk_rg.woff2') format('woff2'),
    	url('fonts/aktive-grotesk/rg/aktivgrotesk_rg.woff') format('woff');
    	font-weight: normal;
    	font-style: normal;
}

@font-face {
font-family: 'aktiv-grotesk-xbd';
src:	url('fonts/aktive-grotesk/xbd/aktivgrotesk-xbd.ttf'),
		url('fonts/aktive-grotesk/xbd/aktivgrotesk-xbd.woff2') format('woff2'),
		url('fonts/aktive-grotesk/xbd/aktivgrotesk-xbd.woff') format('woff');
		font-weight: normal;
		font-style: normal;
}

:root {
/*
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;


--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;

--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
*/


/* OVERRIDE FONT FAMILY */
--font-family-sans-serif: 'sans-serif', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-title: 'league-gothic', 'sans-serif', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-body: 'aktiv-grotesk', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-heading: 'aktiv-grotesk-xbd', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

--black: #0E1E11;
--white: #FFFFFF;
--green: #00A85E;
--dark_green: #008f50;
--black_green: #002213;
--cold_steel: #2E303A;
--dark_steel: #23242c;
--black_steel: #1e1e25;
--plasma_blue: #0072CE;
--dark_plasma: #365FB7;
--midnight_plasma: #355497;
--cool_aluminum: #D0D3D4;
--warning_yellow: #FDDA24;
--light_green: #09CC6A;
--black_steel: #1e1e25;
--midnight: #17171c;
--dark_plasma: #365FB7;
--secondary: #a5a8aa;


--font-title: var(--font-family-title);
--font-heading: var(--font-family-heading);
--font-body: var(--font-family-body);
--font-menu: var(--font-family-sans-serif);

}

body{ height: 100vh; font-family: var(--font-family-sans-serif); }
.stats.first	{ margin-right: 0rem; }
.stats.last		{ margin-left: 0rem; margin-top: .5rem; }

.repair {
	border-top: 1px solid var(--cool_aluminum);
	border-right: 1px solid var(--cool_aluminum);
}

.additional-info {
	border-top: 1px solid var(--cold_steel);
	border-bottom: 1px solid var(--cold_steel);
}

.no-padding-left { padding-left: 0px; }

.no-padding-right {	padding-right: 0px; }

.row-margins { margin-left: .1rem;	margin-right: .1rem; }

.page-link.parts_list {
	background-color: white;
	border-color: var(--dark_steel);
	color: var(--dark_steel);
}

.page-item.parts_list.active .page-link {
	color: var(--cool_aluminum);
	border-color: var(--cold_steel);
	background-color: var(--cold_steel);
}

.shrink {font-size: .7rem;}

/* === LINKS === */

.filter-list-dark { color: var(--secondary); }
.filter-list-dark:hover { color: var(--cool_aluminum); cursor: pointer; }
.filter-list-dark.active { color: var(--cool_aluminum); }
.filter { color: var(--secondary); cursor: pointer; }
.filter:hover { color: var(--cool_aluminum); cursor: pointer; }
.filter.active { color: var(--cool_aluminum); }

.admin-menu a {
	color: var(--cool_aluminum);
	font-size: .8rem;
	line-height: .7rem;
	text-align: left;
	margin-left: 2rem;
}

a.btn-link.admin-menu {
	color: var(--cool_aluminum);
}

a.btn-link.admin-menu:hover {
	color: var(--light);
	cursor: pointer;
	text-decoration: none;
}

.admin-menu a:hover {
	color: white;
}

.side-bar-icon {
	width: 1rem;
}




/* === FONT FAMILIES FOR HEADINGS === */

.title {
	text-transform: uppercase;
	font-family: var(--font-title);
	font-size: 3rem;
}

.title-xl { font-size: 6em; }

.title-lg { font-size: 5em; }

.title-md { font-size: 3.5em; }

.title-sm { font-size: 3em; }

.title-xs { font-size: 2em; }

h1, h2, h3, h4, h5, h6, heading, a.corporate-title {
	text-transform: uppercase;
	font-family: var(--font-heading);
}

.header {
	text-transform: uppercase;
	font-family: var(--font-heading);
}

.header-3xs, .header-2xs, .header-xs, .header-sm, .header-md, .header-lg, .header-xl, .header-2x, .header-3x, .header-4x {
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: .1rem; 
	padding-bottom: .1rem;
	font-family: var(--font-family-heading);
}

.title-3x, .title-2x, .title-xl, .title-lg, .title-md, .title-sm, .title-xs, .title-2xs, .title-3xs {
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 0; 
	padding-bottom: 0;
	text-transform: uppercase;
	font-family: var(--font-title);
}

.title-3x, .header-3x, .text-3x 	{ font-size: 5.1rem; }
.title-2x, .header-2x, .text-2x 	{ font-size: 4.1rem; }
.title-xl, .header-xl, .text-xl 	{ font-size: 3.1rem; }
.title-lg, .header-lg, .text-lg 	{ font-size: 2.1rem; }
.title-md, .header-md, .text-md 	{ font-size: 1.7rem; }
.title-sm, .header-sm, .text-sm 	{ font-size: 1.4rem; }
.title-xs, .header-xs, .text-xs 	{ font-size: 1.1rem; }
.title-2xs, .header-2xs, .text-2xs 	{ font-size: .8rem; }
.title-3xs, .header-3xs, .text-3xs 	{ font-size: .7rem; }

.border-thick-aluminum { border: 4px solid #dee2e6!important; }

.site-brand {
	font-size: 3.5em;
	font-family: var(--font-heading);
	color: var(--green) !important;
}

.application-list-item {
	color: white;
	text-transform: uppercase;
	font-size: 1.2rem;
}

.no-margins { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }

.application-status {
	text-transform: uppercase;
	color: var(--dark_plasma);
	font-family: var(--font-title);
	font-size: 1rem;
}



/* === FONT FAMILIES FOR NAVIGATION === */

.nav-link {	text-transform: uppercase; }

.nav-link.applications { background-color: var(--dark_steel); }
.nav-link.applications:hover { background-color: var(--cold_steel); color: white; }
.nav-link.applications.selected { background-color: white; color: var(--plasma_blue); }
.nav-link.selected:hover { background-color: white; color: var(--cold_steel); }

.nav-link.application-essays { }
.nav-link.application-essays:hover { color: var(--cool_aluminum); }
.nav-link.application-essays.active { background-color: var(--plasma_blue); color: var(--light); }
.nav-link.application-essays.active:hover { color: white; }

.app-nav:hover { color: var(--plasma_blue); }
.app-nav.active { color: var(--plasma_blue); }


/* === TEXT & BACKGROUND COLORS === */

.vertical {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}

.text-steel { color: var(--cold_steel); }
.text-dark-steel { color: var(--dark_steel); }
.text-black-steel { color: var(--black_steel); }
.text-plasma { color: var(--plasma_blue); }
.text-dark-plasma { color: var(--dark_plasma); }
.text-aluminum { color: var(--cool_aluminum); }
.text-green { color: var(--green); }
.text-warning-yellow { color: var(--warning_yellow); }

.hover-white:hover { color: white; text-decoration: none; }

.bg-steel { background-color: var(--cold_steel); }
.bg-dark-steel { background-color: var(--dark_steel); }
.bg-black-steel { background-color: var(--black_steel); }
.bg-green {	background-color: var(--green); }
.bg-dark-green {	background-color: var(--dark_green); }
.bg-black-green { background-color: var(--black_green); }
.bg-plasma { background-color: var(--plasma_blue); }
.bg-dark-plasma { background-color: var(--dark_plasma); }
.bg-midnight { background-color: var(--midnight); }
.bg-aluminum { background-color: var(--cool_aluminum); }
.bg-warning-yellow { background-color: var(--warning_yellow); }

.dropdown-divider.plasma { border-top: 1px solid var(--plasma_blue); }
.dropdown-divider.aluminum { border-top: 1px solid var(--cool_aluminum); }
.dropdown-divider.steel { border-top: 1px solid var(--cold_steel); }
.dropdown-divider.green { border-top: 1px solid var(--green); }

.border-plasma { border-color: var(--plasma_blue) !important; }
.border-dark-plasma { border-color: var(--dark_plasma) !important; }
.border-midnight-plasma { border-color: var(--midnight_plasma) !important; }
.border-green { border-color: var(--green) !important; }
.border-aluminum { border-color: var(--cool_aluminum) !important; }
.border-steel { border-color: var(--cold_steel) !important; }
.border-dark-steel { border-color: var(--dark_steel) !important; }
.border-black-steel { border-color: var(--black_steel) !important; }
.border-warning-yellow { border-color: var(--warning_yellow) !important; }

.dropdown-toggle::after { color: var(--green); }
.btn-warning.dropdown-toggle::after { color: black; }
.btn-primary.dropdown-toggle::after { color: white; }
.btn-light.dropdown-toggle::after { color: black; }

/*.timepicker-item { cursor: pointer; font-family: sans-serif; font-size: .9rem; color: var(--plasma_blue); font-weight: bold; }

.timepicker-item:hover { background-color: var(--plasma_blue); color: white; border-color: var(--plasma_blue); }

.timepicker-item.active { color: var(--light); background-color: var(--plasma_blue); } */




/* === BUTTON COLORS === */

.icon-light { color: var(--light); }
.icon-light:hover { cursor: pointer; color: var(--cool_aluminum); }

.icon-aluminum { color: var(--cool_aluminum); }
.icon-aluminum:hover { cursor: pointer; color: var(--light); }

.icon-dark { color: var(--dark); }
.icon-dark:hover { cursor: pointer; color: var(--secondary); }

.icon-steel { color: var(--dark_steel); }
.icon-steel:hover { cursor: pointer; color: var(--secondary); }

.icon-green { color: var(--green); }
.icon-green:hover { cursor: pointer; color: var(--cool_aluminum); }

.icon-plasma { color: var(--plasma_blue); }
.icon-plasma:hover { cursor: pointer; color: var(--cool_aluminum); }

.icon-warning-yellow { color: var(--warning_yellow); }
.icon-warning-yellow:hover { cursor: pointer; color: var(--cool_aluminum); }

.icon-secondary { color: var(--secondary); }
.icon-secondary:hover { cursor: pointer; color: var(--cool_aluminum); }

.icon-danger { color: var(--danger); }
.icon-danger:hover { cursor: pointer; color: var(--light); }

.btn-steel {
	color: var(--cold_steel);
	background-color: var(--cool_aluminum);
}
.btn-steel:hover {
	color: var(--plasma_blue);
	background-color: var(--cold_steel);
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:hover {
	border-color: var(--green);
	background-color: var(--green);
	color: white;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:hover {
	border-color: var(--dark_green);
	background-color: var(--dark_green);
	color: white;
}

.btn-outline-success.dropdown-toggle.dropdown-toggle::after { color: var(--green); }
.btn-outline-success.dropdown-toggle:hover::after { color: white; }

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:hover {
	border-color: var(--plasma_blue);
	color: white;
}

.btn-outline-primary {
	border-color: var(--plasma_blue);
	color: var(--plasma_blue);
}

.btn-primary {
	background-color: var(--plasma_blue);
}

.btn-primary: { color: var(--plasma_blue); background-color: var(--plasma_blue); }
.btn-primary:hover { background-color: var(--dark_plasma); }
.btn-outline-primary: { border-color: var(--plasma_blue); }
.btn-outline-primary:hover { background-color: var(--plasma_blue); }
.btn-outline-primary.dropdown-toggle::after { color: var(--plasma_blue); }
.btn-outline-primary.dropdown-toggle:hover::after { color: white; }

.btn-outline-success: { color: var(--green); border-color: var(--green); }
.btn-outline-sucess:hover { background-color: var(--green); }

.btn-outline-secondary.dropdown-toggle::after { color: var(--secondary); }
.btn-outline-secondary.dropdown-toggle:hover::after { color: white; }

.btn-outline-secondary.dropdown-toggle { color: var(--secondary); }
.btn-outline-secondary.dropdown-toggle::after { color: var(--warning_yellow); }
.btn-outline-secondary.dropdown-toggle:hover::after { color: white; }
.btn-outline-secondary.dropdown-toggle:hover { color: white; }

.btn-outline-secondary.dropdown-toggle.toggle-dark { color: var(--secondary); }
.btn-outline-secondary.dropdown-toggle.toggle-dark::after { color: var(--secondary); }
.btn-outline-secondary.dropdown-toggle.toggle-dark:focus { color: var(--dark); }
.btn-outline-secondary.dropdown-toggle.toggle-dark:hover::after { color: var(--dark); }
.btn-outline-secondary.dropdown-toggle.toggle-dark:hover { color: var(--light); }

.btn-outline-primary:hover .notes-badge { color: var(--cool_aluminum); background-color: var(--cold_steel); border: none; }
.btn-outline-primary .notes-badge { color: var(--plasma_blue); min-width: 1.5rem; border: 1px solid var(--plasma_blue);}

.badge-corporate-filter { color: var(--secondary); border: 1px solid var(--dark); }


/* === MODAL SIZING === */
.modal, .modal-lg, .modal-xl { max-width: 99%; }



/* === PAGINATION === 

.pagination-dark { background-color: var(--dark_steel); color: var(--secondary); border-radius: 5px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  border: 1px solid var(--dark_steel); }
.pagination-light { background-color: var(--cool_aluminum); color: var(--dark); border-radius: 5px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px solid var(--cool_aluminum); }

.pagination-item-dark, .pagination-item-light { padding-top: .2rem; padding-bottom: .3rem; border-right: 1px solid var(--cold_steel); }
.pagination-item-dark:last-child, pagination-item-light:last-child { border-right: 0px; }

.pagination-item-dark.active { color: var(--cool_aluminum); background-color: var(--plasma_blue); }
.pagination-item-light.active { color: var(--cool_aluminum); background-color: var(--plasma_blue); }

.pagination-item-dark.active:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.pagination-item-dark.active:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.pagination-item-light.active:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.pagination-item-light.active:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.pagination-item-dark:hover { cursor: pointer; color: var(--cool_aluminum); background-color: var(--plasma_blue); }
.pagination-item-light:hover { cursor: pointer; color: var(--cool_aluminum); background-color: var(--plasma_blue); }

.pagination-item-dark:first-child:hover { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.pagination-item-dark:last-child:hover { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.pagination-item-light:first-child:hover { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.pagination-item-light:last-child:hover { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
*/


/* === REQUEST ROW === */

.request-row {	background-color: var(--dark_steel); border: 1px solid var(--secondary); border-radius: 5px; }
.request-row.active { background-color: var(--cool_aluminum); border: 1px solid var(--cool_aluminum); }
.request-row:hover { background-color: var(--cold_steel); }
.request-row.active:hover { background-color: var(--cool_aluminum); }

.custom-range::-webkit-slider-thumb {
  background: var(--green);
}

.custom-range::-moz-range-thumb {
  background: var(--green);
}

.custom-range::-ms-thumb {
  background: var(--green);
}

.icon-xs {
	font-size: .7rem;
}

.icon-sm {
	font-size: .8rem;
}

.icon-md {
	font-size: 1;
}

.icon-lg {
	font-size: 1.2rem;
}
.icon-xl {
	font-size: 1.5rem;
}
.icon-2x {
	font-size: 1.7rem;
}
.icon-3x {
	font-size: 3rem;
}
.icon-4x {
	font-size: 4rem;
}
.icon-5x {
	font-size: 5rem;
}
.icon-6x {
	font-size: 6rem;
}
.icon-7x {
	font-size: 7rem;
}
.icon-8x {
	font-size: 8rem;
}
.icon-9x {
	font-size: 9rem;
}
.icon-10x {
	font-size: 10rem;
}

.action-icon {
	cursor: pointer;
}

.icon-column-select {
	border-radius: 5px;
	border: 1px solid var(--dark_steel);
}

.icon-column-select:hover {
	border: 1px solid var(--cool_aluminum);
	cursor: pointer;
}

.icon-column-select.active {
	border: 1px solid var(--secondary);
}

/* === CALENDAR === */

.row.calendar {
	min-width: 10rem;
}

.calendar.day {
	background: var(--cold_steel);
	border: 1px solid var(--cold_steel);
	min-height: 3rem;
	min-width: 3rem;
	color: var(--secondary);
}

.calendar.day.today, .calendar.day.disabled.today {
	background: var(--secondary);
	color: var(--cold_steel);
	border: 1px solid var(--dark);
}

.calendar.day:hover, .calendar.day.selected:hover {
	border: 1px solid var(--secondary);
	cursor: pointer;
}


.calendar.day.selected {
	background: var(--cold_steel);
	border: 1px solid var(--secondary);
	color: var(--cool_aluminum);
}

.calendar.day.disabled {
	background: var(--dark_steel);
	border: 1px solid var(--dark_steel);
	color: var(--dark);
}

.calendar.day.disabled.other-month {
	color: var(--black_steel);
}

.calendar.day.disabled:hover {
	cursor: not-allowed;
}

.calendar.nav {
	background: var(--cold_steel);
}

.calendar.nav.left {
	border-radius: 3px 0px 0px 0px;
}

.calendar.nav.right {
	border-radius: 0px 3px 0px 0px;
}

.calendar.nav:hover {
	background: var(--dark_steel);
	cursor: pointer;
}


/* === TIMEPICKER === */

.row.timepicker {
	min-width: 10rem;
}

.col.timepicker {
	background: var(--cold_steel);
	border: 1px solid var(--cold_steel);
	min-height: 3rem;
	min-width: 3rem;
	color: var(--secondary);
}

.col.timepicker.selected {
	background: var(--cold_steel);
	border: 1px solid var(--secondary);
}

.col.timepicker.selected span {
	color: var(--cool_aluminum);	
}

.col.timepicker:hover {
	border: 1px solid var(--secondary);
	cursor: pointer;
}

.col.timepicker.disabled {
	background: var(--dark_steel);
	border: 1px solid var(--dark_steel);
	color: var(--dark);
}

.col.timepicker.disabled:hover {
	cursor: not-allowed;
}

.timepicker.time {
	font-size: 1.1rem;
	color: var(--secondary);
	font-family: var(--font-heading);
}


/* === INPUT=== */
.form-control.input-dark  { color: var(--secondary); border-color: var(--dark); background-color: var(--dark_steel); box-shadow: none; }
.form-control.input-dark:focus  { color: var(--cool_aluminum); border-color: var(--plasma_blue); background-color: var(--dark_steel); box-shadow: none; }

/* === MEDIA SIZE OVERRIDES === */

@media (min-width:576px) {

	/* === FONTS === */

	.title-3x, .header-3x 	{ font-size: 5.2rem; }
	.title-2x, .header-2x 	{ font-size: 4.2rem; }
	.title-xl, .header-xl 	{ font-size: 3.2rem; }
	.title-lg, .header-lg  	{ font-size: 2.2rem; }
	.title-md, .header-md 	{ font-size: 1.8rem; }
	.title-sm, .header-sm 	{ font-size: 1.5rem; }
	.title-xs, .header-xs 	{ font-size: 1.2rem; }
	.title-2xs, .header-2xs { font-size: .9rem; }
	.title-3xs, .header-3xs { font-size: .8rem; }

	/* === ICONS === */

	.icon-xs 	{ font-size: .6rem; }
	.icon-sm 	{ font-size: .8rem; }
	.icon-md 	{ font-size: 1.1rem; }
	.icon-lg	{ font-size: 1rem; }
	.icon-xl 	{ font-size: 1.5rem; }
	.icon-2x	{ font-size: 1.7rem; }	
	
	/* === NAVIGATION === */
	.nav-link.main-menu { font-size: .9rem; }
	

	/* === FOOTER NAVIGATION === */
	
	.footer-menu-nav-link, .footer-menu-nav-link-last {
		padding-right: .5rem;
		padding-left: .5rem;
	}
	
	.footer-menu-nav-link-last {
		border-right: none;
	}
}

@media (min-width:772px) {
	/* === FONTS === */
	.title-3x, .header-3x { font-size: 4.3rem; }
	.title-2x, .header-2x { font-size: 4.3rem; }
	.title-xl, .header-xl { font-size: 3.3rem; }
	.title-lg, .header-lg { font-size: 2.3rem; }
	.title-md, .header-md { font-size: 1.9rem; }
	.title-sm, .header-sm  { font-size: 1.6rem; }
	.title-xs, .header-xs { font-size: 1.3rem; }
	.title-2xs, .header-2xs { font-size: 1rem; }
	.title-3xs, .header-3xs { font-size: .9rem; }
	
	.stats.first { margin-right: .1rem; margin-top: 0rem;}
	.stats.last	 { margin-left: .1rem; margin-top: 0rem;}
	.shrink { font-size: 1rem; }
	.application-list-item { font-size: 1.7rem; }
	.application-status { font-size: 1.3rem; }
}

@media (min-width:992px) {

	/* === FONTS === */
	.title-3x, .header-3x { font-size: 5.4rem; }
	.title-2x, .header-2x { font-size: 4.4rem; }
	.title-xl, .header-xl { font-size: 3.4rem; }
	.title-lg, .header-lg { font-size: 2.4rem; }
	.title-md, .header-md { font-size: 2rem; }
	.title-sm, .header-sm { font-size: 1.7rem; }
	.title-xs, .header-xs { font-size: 1.4rem; }
	.title-2xs, .header-2xs { font-size: 1.1rem; }
	.title-3xs, .header-3xs { font-size: 1rem; }
	
	.application-list-item { font-size: 1.9rem; }
	.application-status { font-size: 1.4rem; }
}

@media (min-width:1200px) {
	/* === FONTS === */
	.title-3x, .header-3x { font-size: 5.5rem; }
	.title-2x, .header-2x { font-size: 4.5rem; }
	.title-xl, .header-xl { font-size: 3.5rem; }
	.title-lg, .header-lg { font-size: 2.5rem; }
	.title-md, .header-md { font-size: 2.1rem; }
	.title-sm, .header-sm { font-size: 1.8rem; }
	.title-xs, .header-xs { font-size: 1.5rem; }
	.title-2xs, .header-2xs { font-size: 1.2rem; }
	.title-3xs, .header-3xs { font-size: 1.1rem; }
	
	.modal-xl { max-width: 1200px; }
	.application-list-item { font-size: 2.2rem; }
	.application-status { font-size: 1.6rem; }
}

@media (min-width:1400px) {
	/* === FONTS === */
	.title-3x, .header-3x			{ font-size: 7.3rem; }
	.title-2x, .header-2x, .text-2x { font-size: 6.7rem; }
	.title-xl, .header-xl, .text-xl { font-size: 5.0rem; }
	.title-lg, .header-lg, .text-lg { font-size: 4.5rem; }
	.title-md, .header-md, .text-md { font-size: 3rem; }
	.title-sm, .header-sm, .text-sm { font-size: 2.5rem; }
	.title-xs, .header-xs, .text-xs { font-size: 1.8rem; }
	.title-2xs, .header-2xs, .text-2xs { font-size: 1.3rem; }
	.title-3xs, .header-3xs, .text-3xs { font-size: 1.2rem; }
	
	.text-2x { font-size: 4.4rem; }
	.text-xl { font-size: 3.4rem; }
	.text-lg { font-size: 2.4rem; }
	.text-md { font-size: 2rem; }
	.text-sm { font-size: 1.7rem; }
	.text-xs { font-size: 1.4rem; }
	.text-2xs { font-size: 1rem; }
	.text-3xs { font-size: .9rem; }
}