body {
	margin: 0;
	width: 100%;
}

h1 {
	font-family: "proxima-nova";
}

.parent {
	clear: both;
}

a {
	text-decoration: none;
	color: #369;
}

.timeline-row {
	display: block;
	overflow: hidden;
	margin: 20px 0;
	padding: 0px;
}

.blurby {
	display: block;
	font-family: helvetica, sans-serif;
	font-size: .875em;
	line-height: 1.4em;
	color: #444;
	padding: 10px 0;
}

/* DEFAULTS */
.timeline-label {
	display: block;
	width: 100%;
	margin: 0px auto;
	padding-bottom: 20px;
	height: 100%;
	font-family: "proxima-nova";
	font-weight: 700;
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;
	color: #222;
	vertical-align: middle;
	margin-top: 2px;
}

.timeline-icon {
	display: inline-block;
	margin: 0 auto;
	width: 8%;
	height: 52px;
	vertical-align: middle;
	background-image: url(/bps/timeline/assets/icon-notdone.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.icon-label {
	font-family: "proxima-nova";
	font-weight: 700;
	font-size: 100%;
	color: #666;
	text-transform: uppercase;
	text-align: center;
	margin-top: 40%;
}

.timeline-process {
	display: inline-block;
	margin: 0 auto;
	width: 20%;
	height: 5px;
	vertical-align: middle;
	background-color: #ccc;
	border-radius: 20px;
}

/* MUZ */
.timeline-label-MUZ {
	color: #ef4136;
}

.timeline-icon-MUZ {
	display: inline-block;
	margin: 0 auto;
	width: 8%;
	height: 52px;
	vertical-align: middle;
	background-image: url(/bps/timeline/assets/icon-done-MUZ.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.timeline-process-MUZ {
	display: inline-block;
	margin: 0 auto;
	width: 20%;
	height: 7px;
	vertical-align: middle;
	background-color: #ef4136;
	background-image: url(/bps/timeline/assets/chevron.png);
	background-size: contain;
	border-radius: 30px;
	border: 2px solid #ef4136;
}

.icon-label-MUZ {
	font-family: "proxima-nova";
	font-weight: 700;
	color: #ef4136;
	text-transform: uppercase;
	text-align: center;
	margin-top: 40%;
}

/* DG x5 Process */
.timeline-process-OFF {
	display: inline-block;
	margin: 0 auto;
	width: 10%;
	height: 5px;
	vertical-align: middle;
	background-color: #ccc;
	border-radius: 20px;
}

.timeline-process-DG {
	display: inline-block;
	margin: 0 auto;
	width: 13%;
	height: 7px;
	vertical-align: middle;
	background-color: #0071bc;
	background-image: url(/bps/timeline/assets/chevron.png);
	background-size: contain;
	border-radius: 30px;
	border: 2px solid #0071bc;
}
.timeline-process-GREEN {
	display: inline-block;
	margin: 0 auto;
	width: 10%;
	height: 7px;
	vertical-align: middle;
	background-color: #009444;
	background-image: url(/bps/timeline/assets/chevron.png);
	background-size: contain;
	border-radius: 30px;
	border: 2px solid #009444;
}

/* TSP */
.timeline-label-TSP {
	color: #0071bc;
}

.timeline-icon-TSP {
	display: inline-block;
	margin: 0 auto;
	width: 8%;
	height: 52px;
	vertical-align: middle;
	background-image: url(/bps/timeline/assets/icon-done-TSP.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.timeline-process-TSP {
	display: inline-block;
	margin: 0 auto;
	width: 20%;
	height: 7px;
	vertical-align: middle;
	background-color: #0071bc;
	background-image: url(/bps/timeline/assets/chevron.png);
	background-size: contain;
	border-radius: 30px;
	border: 2px solid #0071bc;
}

.icon-label-TSP {
	font-family: "proxima-nova";
	font-weight: 700;
	font-size: 87.5%;
	color: #0071bc;
	text-transform: uppercase;
	text-align: center;
	margin-top: 40%;
}

/* CSP */
.timeline-label-CSP {
	color: #93278f;
}

.timeline-icon-CSP {
	display: inline-block;
	margin: 0 auto;
	width: 8%;
	height: 52px;
	vertical-align: middle;
	background-image: url(/bps/timeline/assets/icon-done-CSP.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.timeline-process-CSP {
	display: inline-block;
	margin: 0 auto;
	width: 20%;
	height: 7px;
	vertical-align: middle;
	background-color: #93278f;
	background-image: url(/bps/timeline/assets/chevron.png);
	background-size: contain;
	border-radius: 30px;
	border: 2px solid #93278f;
}

.icon-label-CSP {
	font-family: "proxima-nova";
	font-weight: 700;
	font-size: 87.5%;
	color: #93278f;
	text-transform: uppercase;
	text-align: center;
	margin-top: 40%;
}

/* LUSE */
.timeline-label-LUSE {
	color: #b22b4b;
}

.timeline-icon-LUSE {
	display: inline-block;
	margin: 0 auto;
	width: 8%;
	height: 52px;
	vertical-align: middle;
	background-image: url(/bps/timeline/assets/icon-done-LUSE.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.timeline-process-LUSE {
	display: inline-block;
	margin: 0 auto;
	width: 20%;
	height: 7px;
	vertical-align: middle;
	background-color: #b22b4b;
	background-image: url(/bps/timeline/assets/chevron.png);
	background-size: contain;
	border-radius: 30px;
	border: 2px solid #b22b4b;
}

.icon-label-LUSE {
	font-family: "proxima-nova";
	font-weight: 700;
	font-size: 87.5%;
	color: #b22b4b;
	text-transform: uppercase;
	text-align: center;
	margin-top: 40%;
}

/* EMP */
.timeline-label-EMP {
	color: #9e1f63;
}

.timeline-icon-EMP {
	display: inline-block;
	margin: 0 auto;
	width: 8%;
	height: 52px;
	vertical-align: middle;
	background-image: url(/bps/timeline/assets/icon-done-EMP.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.timeline-process-EMP {
	display: inline-block;
	margin: 0 auto;
	width: 20%;
	height: 7px;
	vertical-align: middle;
	background-color: #9e1f63;
	background-image: url(/bps/timeline/assets/chevron.png);
	background-size: contain;
	border-radius: 30px;
	border: 2px solid #9e1f63;
}

.icon-label-EMP {
	font-family: "proxima-nova";
	font-weight: 700;
	font-size: 87.5%;
	color: #9e1f63;
	text-transform: uppercase;
	text-align: center;
	margin-top: 40%;
}

/* CAMP */
.timeline-label-CAMP {
	color: #2b3990;
}

.timeline-icon-CAMP {
	display: inline-block;
	margin: 0 auto;
	width: 8%;
	height: 52px;
	vertical-align: middle;
	background-image: url(/bps/timeline/assets/icon-done-CAMP.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.timeline-process-CAMP {
	display: inline-block;
	margin: 0 auto;
	width: 20%;
	height: 7px;
	vertical-align: middle;
	background-color: #2b3990;
	background-image: url(/bps/timeline/assets/chevron.png);
	background-size: contain;
	border-radius: 30px;
	border: 2px solid #2b3990;
}

.icon-label-CAMP {
	font-family: "proxima-nova";
	font-weight: 700;
	font-size: 87.5%;
	color: #2b3990;
	text-transform: uppercase;
	text-align: center;
	margin-top: 40%;
}

/* RES */
.timeline-label-RES {
	color: #009444;
}

.timeline-icon-RES {
	display: inline-block;
	margin: 0 auto;
	width: 8%;
	height: 52px;
	vertical-align: middle;
	background-image: url(/bps/timeline/assets/icon-done-RES.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.timeline-process-RES {
	display: inline-block;
	margin: 0 auto;
	width: 20%;
	height: 7px;
	vertical-align: middle;
	background-color: #009444;
	background-image: url(/bps/timeline/assets/chevron.png);
	background-size: contain;
	border-radius: 30px;
	border: 2px solid #009444;
}

.icon-label-RES {
	font-family: "proxima-nova";
	font-weight: 700;
	font-size: 87.5%;
	color: #009444;
	text-transform: uppercase;
	text-align: center;
	margin-top: 40%;
}

@media ( max-width : 660px) {
	.icon-label, .icon-label-MUZ, .icon-label-LUSE, .icon-label-TSP,
		.icon-label-CSP, .icon-label-EMP, .icon-label-CAMP, .icon-label-RES {
		font-size: .875em;
		margin-top: 60%;
	}
}

@media ( max-width : 450px) {
	.icon-label, .icon-label-MUZ, .icon-label-LUSE, .icon-label-TSP,
		.icon-label-CSP, .icon-label-EMP, .icon-label-CAMP, .icon-label-RES {
		font-size: .7em;
		margin-top: 80%;
	}
	.timeline-process, .timeline-process-MUZ, .timeline-process-LUSE,
		.timeline-process-TSP, .timeline-process-CSP, .timeline-process-EMP,
		.timeline-process-CAMP, .timeline-process-RES {
		width: 15%;
	}
}

@media ( max-width : 320px) {
	.icon-label, .icon-label-MUZ, .icon-label-LUSE, .icon-label-TSP,
		.icon-label-CSP, .icon-label-EMP, .icon-label-CAMP, .icon-label-RES {
		font-size: .6em;
		margin-top: 92%;
	}
	.timeline-process, .timeline-process-MUZ, .timeline-process-LUSE,
		.timeline-process-TSP, .timeline-process-CSP, .timeline-process-EMP,
		.timeline-process-CAMP, .timeline-process-RES {
		width: 16%;
	}
}