.timeline-middle { width:150px; }

.timeline-left .timeline-description, .timeline-left .timeline-image { float:right; }
.timeline-right .timeline-description, .timeline-right .timeline-image { float:left; }

.timeline-year { color:#a4489b; font-size:24px; text-align:center; }
.timeline-year:before { background:transparent url('../img/dashed-line.png') scroll repeat-y center top; content:''; display:block; height:75px; margin:0 auto; width:21px; }
.timeline-year:after { background:transparent url('../img/dashed-line.png') scroll repeat-y center bottom; content:''; display:block; height:75px; margin:0 auto; width:21px; }

.timeline-description { font-size:14px; width:70%; }
.timeline-left .timeline-description { text-align:right; }

.timeline-image img { display:block; }

@media (max-width:767px) {
	.timeline-section:after { background:transparent url('../img/dashed-line.png') scroll repeat-y center top; content:''; display:block; height:100px; margin:0 auto; width:21px; }
	.timeline-section .column { display:block; text-align:center; }
	.timeline-middle { width:100%; }
	.timeline-year:before, .timeline-year:after { height:50px; }
	.timeline-left .timeline-description, .timeline-left .timeline-image, .timeline-right .timeline-description, .timeline-right .timeline-image { float:none; }
	.timeline-description { width:100%; }
	.timeline-left .timeline-description { text-align:center; }
	.timeline-image img { margin:0 auto; }
}