.timeline {position: relative;}
.timeline h2{padding: 0 20px;margin:10px 0 0 0;}
.timeline p{padding: 10px 20px 20px 20px;font-size: 1rem;margin:0;}
.timeline .timeline-img p{font-weight:700;font-size:1.5rem;color:#f1f1f1;text-shadow: 0 0 2px #000;}

.timeline::before {content: "";background: #98092f;width: 25px;height: 100%;position: absolute;left: 50%;transform: translateX(-50%);z-index:2;}

.timeline-item {width: 100%;margin-bottom: 0px;}

.timeline-item:nth-child(even) .timeline-content {
  float: right;
  padding: 40px 30px 10px 30px;
}
.timeline-item:nth-child(even) .timeline-content .date {
  right: auto;
  left: 0;
}
/*
.timeline-item:nth-child(even) .timeline-content::after {
  content: "";
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 16px;
  left: -26px;
  border-width: 20px 25px 20px 0;
  border-color: transparent #98092f transparent transparent;
}*/


.timeline-item::after {
  content: "";
  display: block;
  clear: both;
}

.timeline-content {/*position: relative;padding: 0;*/width: 50%;border-radius: 14px;background: #ffffff;box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);}

/*.timeline-content::after {
  content: "";
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
 top: 16px;
right: -28px;
border-width: 20px 0 20px 25px;
border-color: transparent transparent transparent #98092f
}*/
.timeline-img{
height: 43px;
background: #98092f;
border-radius: 10px;
position: relative;
margin:0 0 -10px 0;
z-index:1;}



.timeline-img-left {
	left: 0;
	position: relative;
	width:50%;
	margin-bottom:-10px;
	width:50%;
	/*width: 250px;
height: 70px;
background: #98092f;
border-radius: 10px;
position: absolute;

margin-top: 0;
margin-left: -1px;
z-index:1;*/}


.timeline-card {
  padding: 0 !important;
}
.timeline-card p {
  padding: 0 20px 20px 40px;
}
.timeline-card a {
  margin-left: 20px;
}


.timeline-img-header {
  height: 200px;
  position: relative;
  margin-bottom: 20px;
}
.timeline-img-header h2 {
  color: #FFFFFF;
  position: absolute;
  bottom: 5px;
  left: 20px;
}

blockquote {
  margin-top: 30px;
  color: #757575;
  border-left-color: #3F51B5;
  padding: 0 20px;
}

.date {
  background: #FF4081;
  display: inline-block;
  color: #FFFFFF;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
	.timeline-img{width: 50%;}
	.timeline-img-right {left: 50%;}
}	

@media screen and (max-width: 768px) {
	.timeline-img{width: 93%;}
	.timeline-item{margin-bottom: 4em;}
	.timeline-img-right {left:0;}
  .timeline::before {
    /*left: 50px;*/
	left:0;
  }
  .timeline .timeline-img {
    /*left: 50px;*/
	width:100%;
  }
  .timeline .timeline-content {
    max-width: 100%;
    width: auto;
    /*margin-left: 70px;*/
  }
  .timeline .timeline-item:nth-child(even) .timeline-content {
    float: none;
  }
  .timeline .timeline-item:nth-child(odd) .timeline-content::after {
    content: "";
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    top: 30px;
    left: -15px;
    border-width: 10px 15px 10px 0;
    border-color: transparent #f5f5f5 transparent transparent;
  }
}