.vertical-timeline{width:80%;max-width:700px;margin:0 auto;padding:1rem 0;position:relative}.vertical-timeline:before{content:"";background-color:#ccc;width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-event{margin:2rem 0;position:relative;overflow:auto}.timeline-bullet{z-index:1;background-color:#fff;border:2px solid #007bff;border-radius:50%;width:1rem;height:1rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-content{background-color:#f9f9f9;border-radius:4px;width:45%;padding:.75rem;box-shadow:0 2px 5px #0000001a}.timeline-content.left{float:left;text-align:right;transform:translate(-15px)}.timeline-content.right{float:right;text-align:left;transform:translate(15px)}.event-date{color:#777;margin-bottom:.25rem;font-size:.8rem}.event-title{color:#333;margin-bottom:.5rem;font-size:1rem}.event-description{color:#555;font-size:.9rem}.default-bullet{background-color:#000;border-radius:50%;width:.6rem;height:.6rem;margin:.2rem;display:block}@media (max-width:768px){.vertical-timeline:before{left:10px}.timeline-event{margin-left:30px;margin-right:0}.timeline-bullet{left:10px}.timeline-content{width:100%;margin-left:0;margin-right:0;transform:translate(0)}.timeline-content.left,.timeline-content.right{float:none;text-align:left;margin-top:.5rem}}