.dot{position:absolute;border-radius:100%;background:#3370ee;border:2px solid #fff;width:24px;height:24px;transform:translate(-28px,33%);box-shadow:3px -1px 20px 4px rgba(0,0,0,.21)}body .entry{display:table}body .entries{border-left:2px dotted #000;padding-left:15px}body .entries .entry .title{font-size:30px;position:relative;color:#000;font-family:'Lato Bold',sans-serif;font-weight:700}body .entries .entry:first-child .body{margin-bottom:0}body .entries .entry .body{color:#000;margin-bottom:29px}body .entries .entry .body p{margin-bottom:0}body .entries .entry .body p small{line-height:0;font-size:13px}.body a{color:#0067f2;font-weight:700;font-size:13px}@media (min-width:768px){body .entries{width:calc(100% - 80px);max-width:800px;margin:auto;position:relative;left:-5px;border-left:0;padding-right:0;padding-bottom:0;padding-left:0}body .entries .entry{width:calc(50% - -1.5px);float:left;padding-right:84px;clear:both;text-align:left;border-top:3px dotted #000;margin-bottom:10px;padding-top:5px;padding-bottom:26px}body .entries .entry:not(:first-child){margin-top:-83px}body .entries .entry .title:before{content:'';position:absolute;border:2px solid #fff;background-color:#3370ee;border-radius:100%;top:-14%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-90px;z-index:1000}body .entries .entry .title.big:before{width:24px;height:24px;-webkit-transform:translate(8px,-50%);transform:translate(8px,-50%);box-shadow:3px -1px 20px 4px rgba(0,0,0,.21)}body .entries .entry:first-child{border-right:3px dotted #000;margin-bottom:79px;padding-bottom:0}body .entries .entry:nth-child(2n){float:right;border-left:3px dotted #000;border-right:none;padding-right:0;padding-left:94px;text-align:right}body .entries .entry:nth-child(2n) .title:before{left:-124px}body .entries .entry:nth-child(2n) .title.big:before{-webkit-transform:translate(19px,-50%);transform:translate(19px,-50%)}}