.timeline{max-width:50rem;margin:0 auto;position:relative}.timeline:after{content:"";background-color:#b0aedd;width:6px;margin-left:-3px;position:absolute;top:0;bottom:0;left:50%}.timeline-item{background-color:inherit;width:50%;padding:10px 40px;position:relative}.timeline-item:before{content:"";z-index:1;background-color:#fff;border:4px solid #b0aedd;border-radius:50%;width:20px;height:20px;position:absolute;top:15px;right:-10px}.right{left:50%}.left{left:0}.right:before{left:-10px}.left:before{right:-10px}.timeline-content{background-color:#fff;border-radius:6px;padding:20px 30px;position:relative}@media (max-width:600px){.timeline:after{left:10%}.timeline-item{width:90%;left:10%}.right,.left{left:10%}.right:before,.left:before{left:-10px}}