#timeline{margin:auto;padding:0 10px;position:relative;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;width:100%}#timeline .timeline-item:after,#timeline .timeline-item:before{clear:both;content:"";display:block;width:100%}#timeline:before{background:#9dae0f;content:"";height:100%;left:50%;position:absolute;top:0;width:3px}#timeline:after{clear:both;content:"";display:table;width:100%}#timeline .timeline-item{margin-bottom:100px;position:relative}#timeline .timeline-item:last-child{margin-bottom:0}#timeline .timeline-item .timeline-icon{background:#fff;border:3px solid #9dae0f;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;height:50px;left:50%;margin-left:-23px;overflow:hidden;padding:10px;position:absolute;top:0;width:50px}#timeline .timeline-item:last-child .timeline-icon{margin-top:5px}#timeline .timeline-item .timeline-icon svg{left:14px;position:relative;top:14px}#timeline .timeline-item .timeline-content{background:#fff;padding:0 20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;width:45%}#timeline .timeline-item .timeline-content p{margin:0}#timeline .timeline-item .timeline-content.right{float:right}@media screen and (max-width:768px){#timeline{margin:30px;padding:0;width:90%}#timeline:before{left:0}#timeline .timeline-item .timeline-content{float:right;width:90%}#timeline .timeline-item .timeline-content.right:before,#timeline .timeline-item .timeline-content:before{border-left:0;border-right:7px solid #9dae0f;left:10%;margin-left:-6px}#timeline .timeline-item .timeline-icon{left:0}}