.timeline {
	background-image: url("../images/blue-line.png");
	background-position: center;
	background-repeat: repeat-y;
	width: 100%;
	position: relative;
	height: auto;
	padding: 0px;
	clear: both;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	overflow:hidden;
}
.content ul li {
	font-size: 20px;
	line-height: 128%;
	list-style:none;
	margin-bottom:6px;
}
.content ul li:before {
	content: '\f111';
	font-family: 'FontAwesome';
	font-size: 7px;
	color:#47758E;
	float: left;
	margin-left: -15px;
}
.content ul.timeline {
	margin-left:0px;
}
.content ul li:before {
	content: '';
	display:none;
}
.timeline li.year, .timeline li.event {
	list-style-type: none;
	z-index: 999;
}
.timeline li.year {
	/*font-family: 'Playfair Display', serif;*/
	color:#47758E;
	font-size:60px;
	font-size:6.37vw;
	font-weight:400;
	clear: both;
	margin: 0 auto;
	margin-bottom:30px;
	line-height: 100%;
	text-align: center;
}
.timeline li.year:first-child {
	margin-top:-6px;
}
.timeline li.event {
	width: 45%;
	background-color: #fff;
	margin-bottom: 20px;
	padding: 20px;
	position: relative;
	/*border-color: #c3c3c3;*/
	border-color:rgba(86, 70, 88, .4);
	border-image: none;
	border-style: solid;
	border-width: 1px;
}
 @media only screen and (min-width: 768px) {
 .timeline li.event {
 padding: 5px;
 padding-bottom:15px;
 padding-top:15px;
}
}
 @media only screen and (min-width: 992px) {
.timeline li.event {
 padding: 15px;
}
}
 @media only screen and (min-width: 1200px) {
.timeline li.event {
 padding: 20px;
}
}
/* manual options for left-right positioning */
.timeline li.event.left {
	clear:left;
	float: left;
}
.timeline li.event.right {
	clear: right;
	float: right;
	/*margin-top:90px;*/
  margin-top:30px;
	margin-bottom:50px;
}
 .timeline li.event.left::after {
 background:#7e7f75;
 background:rgba(86, 70, 88, .7);
 content: "";
 height: 2px;
 position: absolute;
 top: 30px;
 right: -10.5%;
 width: 10.5%;
}
.timeline li.event.right::before {
background:#7e7f75;
 content: "";
 height: 2px;
 position: absolute;
 top: 30px;
 width: 10.5%;
 left: -10.5%;
}
/*

automatic left right alternating

 li.event:nth-child(even) {
 clear:left;
 float: left;
}
li.event:nth-child(odd) {
 clear: right;
 float: right;
  margin-top:90px;
 margin-bottom:50px;
}


 .timeline li.event:nth-child(even)::after {
 background:#7e7f75;
 content: "";
 height: 2px;
 position: absolute;
 top: 30px;
 right: -10.5%;
 width: 10.5%;
}
li.event:nth-child(odd)::before {
background:#7e7f75;
 content: "";
 height: 2px;
 position: absolute;
 top: 30px;
 width: 10.5%;
 left: -10.5%;
}

*/
/* inside of boxes */




.timeline .row {
	margin-right:-8px;
	margin-left:-8px;
}
.timeline .row > [class*='col-'] {
padding-right:8px;
padding-left:8px;
}
.timeline li.event .col {
	display:inline;
 padding-left:.4375rem;
 padding-right:.4375rem;
	flex-basis: auto;
}
.timeline li.event .col:first-of-type {
	padding-left:15px;
}
.timeline li.event .col:last-of-type {
	padding-right:15px;
}
.timeline li.event .col.icon {
	width:29%;
	margin-right:2%;
}
.timeline li.event .col.text {
	width:67%;
	margin-right:2%;
}
.timeline li.event .col.text.wide {
	width:100%;
	margin-right:0;
}
.timeline li.event h3 {
	/*font-family: 'Playfair Display', serif;*/
	font-weight:700;
	color:#47758E;
	font-size:32px;
	font-size:2.34vw;
	line-height:125%;
	margin:0px;
	padding:0px;
}
.timeline li.event p {
	font-size:19px;
	font-size:1.39vw;
	line-height:125%;
	margin:0px;
	padding:0px;
	padding-bottom:9px;
}
.timeline li.event p:last-child {
	padding-bottom:0px;
}
 @media (min-width: 1200px) {
 .timeline {
 margin-bottom: 60px;
}
 .timeline li.year {
 font-size:87px;
}
 .timeline li.event h3 {
 font-size:32px;
}
 .timeline li.event p {
 font-size:19px;
}
}
 @media (max-width: 640px) {
 .timeline {
 background-size: 6px;
 margin-bottom: 30px;
}
 .timeline li.event {
 width: 100%;
 padding: 10px;
 margin-left:auto;
 margin-right:auto;
}
 .timeline li.event.left {
clear: both;
 float: none;
 display:block;
}
 .timeline li.event.right {
clear: both;
 float: none;
 display:block;
 margin-top:25px;
 margin-bottom:25px;
}
 .timeline li.event.left::after {
 width: 0px;
}
.timeline li.event.right::before {
 width: 0px;
}
/* li.event:nth-child(odd) {
 clear: both;
 float: none;
}
 li.event:nth-child(even) {
 clear: both;
 float: none;
}
 .timeline li.event:nth-child(odd)::after, li.event:nth-child(even)::before {
 width: 0px;
}*/



.timeline li.year {
 font-size:39px;
}
.timeline li.year:first-child {
 margin-top:-2px;
}
 .timeline li.event .col.icon {
width:20%;
 margin-right:2%;
}
.timeline li.event .col.text {
 width:76%;
 margin-right:2%;
}
.timeline li.event .col.text.wide {
 width:100%;
 margin-right:0;
}
 .timeline li.event h3 {
 font-size:25px;
}
.timeline li.event p {
 font-size:15px;
}
}
 @media (max-width: 350px) {
 .timeline li.event {
 width: 98%;
}
}