.timeline-block {
    background: linear-gradient(90deg, #d3d6d2 40%, #ffffff 0);
}

.timeline-entry {
 
	display: flex;
	font-size: 14px;
  	flex-direction: row;
  	height: 100%;
	flex-wrap: nowrap;
	align-items: flex-start;
	padding: 15px 0 10px 25px;
	position: relative;
	margin: 0;
}

.timeline-date {
	font-size: 23px;
    color: #231f20;
    font-family: 'Playfair Display', serif;
	flex-basis: 43%;
	text-transform: uppercase;
}

.timeline-desc {
	 flex-basis: 57%;
	 margin-top: 10px;
}

.timeline-desc::before {
	content: "";
	  position: absolute;
	  height: 5px;
	  border-bottom: 1px solid #231f20;
	  top: 30px;
      width: 22px;
      left: 135px;
}

@media only screen and (max-width: 768px) {
	.timeline-entry {
		padding-bottom: 0 !important;
		padding-left: 10px !important;
	}
	
	.timeline-desc::before {
		left: 36%;
	}
	
	.timeline-date {
    	font-size: 18px;
	}
	
}

@media only screen and (max-width: 600px) {
	
	.timeline-date {
    	font-size: 18px;
	}
	
	.timeline-entry {
		padding-bottom: 0 !important;
		padding-left: 10px !important;
	}
	
}