*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none}body{background:#f1f2f6;font-family:Roboto,sans-serif;margin:0;padding:30px 0}.container{margin:50px auto;overflow:hidden;padding:50px 0;position:relative;width:80%}.container:before{background:#ccd1d9;content:"";height:100%;left:50%;margin-left:-1px;position:absolute;top:0;width:2px;z-index:1}.timeline-block{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;width:-webkit-calc(50% + 8px);width:-moz-calc(50% + 8px);width:calc(50% + 8px);-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;clear:both;justify-content:space-between}.timeline-block-right{float:right}.timeline-block-left{direction:rtl;float:left}.marker{background:#005cff;border:2px solid #f5f7fa;border-radius:50%;height:16px;margin-top:10px;width:16px;z-index:9999}.timeline-content{color:#666;padding:0 15px;width:95%}.timeline-content h3{font-family:input-sans,sans-serif;font-size:30px;font-weight:500;margin-bottom:5px;margin-top:5px}.timeline-content span{color:#000;font-family:bilo,sans-serif;font-size:24px;font-weight:400}.timeline-content p{color:#888;font-size:14px;line-height:1.5em;word-spacing:1px}@media screen and (max-width:768px){.container:before{left:8px;width:2px}.timeline-block{margin-bottom:30px;width:100%}.timeline-block-right{float:none}.timeline-block-left{direction:ltr;float:none}}