*{box-sizing:border-box}.timeline{position:relative;margin:0 auto}.timeline:after{content:"";position:absolute;width:6px;background-color:#02a751;top:0;bottom:0;left:50%;margin-left:-3px}.container{padding:10px 40px;position:relative;background-color:inherit;width:50%}.container:after{content:"";position:absolute;width:25px;height:25px;right:-13px;background-color:#fff;border:4px solid #02a751;top:20px;border-radius:50%;z-index:1}.left{left:0}.right{left:50%}.left:before{right:30px;border:solid transparent;border-left:solid #02a751;border-width:10px 0 10px 10px}.left:before,.right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1}.right:before{left:30px;border:solid transparent;border-right:solid #02a751;border-width:10px 10px 10px 0}.right:after{left:-16px}.content{padding:20px 30px;position:relative;border-radius:6px;border:1px solid #02a751}@media screen and (max-width:600px){.timeline:after{left:31px}.container{width:100%;padding-left:70px;padding-right:25px}.container:before{left:60px;border:solid transparent;border-right:solid #fff;border-width:10px 10px 10px 0}.left:after,.right:after{left:15px}.right{left:0}}