#timeline{list-style:none;margin-left:0;padding:0 10px;width:100%}#timeline .h3{letter-spacing:-.02em}.timeline .row:last-child{flex:4 0 50%;margin-top:100px;min-height:50vh}#timeline li{border-left:1px solid #25252540;flex:1 1 0%;height:25px}#timeline li[data-month="1"]{height:100%;position:relative}#timeline li.event{border-left:1px dashed rgba(37,37,37,.5);height:32%;position:relative}#timeline li.event.active,#timeline li.event:hover{border-left:1px solid #252525}#timeline li.event.active .timeline-event-desc,#timeline li.event:hover .timeline-event-desc{display:flex}#timeline li[data-month="1"]:after{color:#25252540;content:attr(data-year);font-family:Axiforma Light,Roboto,Arial,sans-serif;font-size:3rem;left:20px;line-height:1;position:absolute;top:0}.timeline-event-img{background-color:#f2f2f3;border:4px solid var(--border-color);border-bottom:none;border-radius:50%;height:10vw;max-height:200px;max-width:200px;position:absolute;top:0;transform:translate(-50%,-100%);width:10vw;z-index:1}.timeline-event-desc{bottom:0;display:none;left:-3px;position:absolute;transform:translateY(110%);width:300px}.timeline-event-desc .text-blue{font-family:Axiforma Semi-Bold,Roboto,Arial,sans-serif}.timeline-event-desc p:last-child{font-family:Axiforma Book,Roboto,Arial,sans-serif}@media (min-width:768px){.timeline{padding-bottom:16rem}#timeline li.event.final-year .timeline-event-desc{left:auto;right:100%;text-align:right}}@media (max-width:767px){.timeline .row:last-child{padding-left:0}#timeline{flex-direction:column;width:50vw}#timeline li{border-bottom:2px solid var(--blue-grey);margin-bottom:20px;width:15px}#timeline li:last-child{margin-bottom:0}#timeline li[data-month="1"]{width:100%}#timeline li[data-month="1"]:after{font-size:1rem;left:0;top:10px}.timeline-event-img{border-bottom:3px solid attr(data-border);border-right:none;height:25vw;max-height:150px;max-width:150px;padding:20%;transform:translate(-80%,-50%);width:25vw}.timeline-event-desc{bottom:auto;left:0;top:-5px;transform:translateX(40%);width:43vw}#timeline li.event{border-bottom:2px dashed var(--blue-grey);width:30%}#timeline li.event.active{border-bottom:2px solid #000}.mob-hide{display:none}}@media (max-width:639px){.timeline>.row .h3,.timeline>.row .p-large.text-blue{text-align:center}}