.Timeline {
	overflow:hidden;
	position:relative;
	margin-bottom:2em;
}

.Timeline>h4 {
	max-width:7em;
	margin:0 auto 1em;
	padding:.25em .5em;
	clear:both;
	text-align:center;
	font-weight:300;
	border-radius:.25em;
}

.Timeline .Timeline-yearEvents {
	padding:0;
	list-style:outside none;
	overflow:hidden;
}

.Timeline .Timeline-yearEvents>li {
	padding:2%;
	border-radius:8px;
	margin:0 0 1em 1em;
	position:relative;
}

.Timeline .Timeline-yearEvents>li:last-child {
	margin-bottom:1.75em;
}

.Timeline .Timeline-yearEvents>li:before {
	content:"";
	position:absolute;
	left:-.75em;
	top:.5em;
}

.Timeline--light {
	background-image:-webkit-gradient(linear,0% 50%,100% 50%,color-stop(0%,#ddd),color-stop(0.9%,#ddd),color-stop(1%,transparent));
	background-image:-webkit-linear-gradient(left,#ddd 0%,#ddd 0.9%,transparent 1%);
	background-image:-moz-linear-gradient(left,#ddd 0%,#ddd 0.9%,transparent 1%);
	background-image:linear-gradient(left,#ddd 0%,#ddd 0.9%,transparent 1%);
}

.Timeline--light .Timeline-yearEvents>li {
	color:#222;
	background-color:#ddd;
}


.Timeline--light .Timeline-yearEvents li p {
	
	color:black!important;
}


.Timeline--light .Timeline-yearEvents>li:before {
	border-left:6px solid transparent;
	border-right:6px solid #ddd;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
}

.Timeline--light>h4 {
	color:white!important;
	/*background-color:#ddd;*/
	background-color:rgba(19, 96, 167, 1);
	/*border:.35em solid #222;*/
}

.Timeline--dark {
	background-image:-webkit-gradient(linear,0% 50%,100% 50%,color-stop(0%,#ddd),color-stop(0.9%,#ddd),color-stop(1%,transparent));
	background-image:-webkit-linear-gradient(left,#ddd 0%,#ddd 0.9%,transparent 1%);
	background-image:-moz-linear-gradient(left,#ddd 0%,#ddd 0.9%,transparent 1%);
	background-image:linear-gradient(left,#ddd 0%,#ddd 0.9%,transparent 1%);
}

.Timeline--dark .Timeline-yearEvents>li {
	color:black!important;
	background-color:#333;
}


.Timeline--dark .Timeline-yearEvents>li:before {
	border-left:6px solid transparent;
	border-right:6px solid #333;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
}

.Timeline--dark>h4 {
	color:#ddd;
	background-color:#333;
	border:.35em solid #ddd;
}

@media only screen and (min-width: 45em) {
	.Timeline--light {
		background-image:-webkit-gradient(linear,0% 50%,100% 50%,color-stop(0%,transparent),color-stop(49.59%,transparent),color-stop(49.6%,#ddd),color-stop(49.9%,#ddd),color-stop(50%,transparent));
		background-image:-webkit-linear-gradient(left,transparent 0%,transparent 49.59%,#ddd 49.6%,#ddd 49.9%,transparent 50%);
		background-image:-moz-linear-gradient(left,transparent 0%,transparent 49.59%,#ddd 49.6%,#ddd 49.9%,transparent 50%);
		background-image:linear-gradient(left,transparent 0%,transparent 49.59%,#ddd 49.6%,#222 49.9%,transparent 50%);
	}
	
	.Timeline--light .Timeline-yearEvents>li:nth-of-type(odd):before {
		content:"";
		left:auto;
		right:-.75em;
		border-left:6px solid #ddd;
		border-right:6px solid transparent;
		border-top:6px solid transparent;
		border-bottom:6px solid transparent;
	}
	
	.Timeline--dark {
		background-image:-webkit-gradient(linear,0% 50%,100% 50%,color-stop(0%,transparent),color-stop(49.59%,transparent),color-stop(49.6%,#ddd),color-stop(49.9%,#ddd),color-stop(50%,transparent));
		background-image:-webkit-linear-gradient(left,transparent 0%,transparent 49.59%,#ddd 49.6%,#ddd 49.9%,transparent 50%);
		background-image:-moz-linear-gradient(left,transparent 0%,transparent 49.59%,#ddd 49.6%,#ddd 49.9%,transparent 50%);
		background-image:linear-gradient(left,transparent 0%,transparent 49.59%,#ddd 49.6%,#ddd 49.9%,transparent 50%);
	}
	
	.Timeline--dark .Timeline-yearEvents>li:nth-of-type(odd):before {
		content:"";
		left:auto;
		right:-.75em;
		border-left:6px solid #333;
		border-right:6px solid transparent;
		border-top:6px solid transparent;
		border-bottom:6px solid transparent;
	}
	
	.Timeline .Timeline-yearEvents>li {
		/*max-width:44%;*/
		width:44%;
		margin:0 0 1em;
	}
	
	.Timeline .Timeline-yearEvents>li:nth-of-type(even) {
		/*float:right;*/
		float:left;
		margin-left:90px;
		margin-top:2%;
	}
	
	.Timeline .Timeline-yearEvents>li:nth-of-type(odd) {
		float:left;
	}
	
	.Timeline .Timeline-yearEvents>li:nth-of-type(2n+1) {
		clear:both;
	}
}