.timeline-container {
    padding-left: inherit;
}

.timeline-item h1,.timeline-item h2,.timeline-item h3,.timeline-item h4,.timeline-item h5,.timeline-item h6 {
  font-family: 'Gob', sans-serif;
}

.timeline-item h1 {
  font-size: 2rem;
  margin-bottom: .5em;
}

.timeline-item p {
  font-family: 'Gob';
  /* font-size: .8rem; */
}

.timeline-item {
  padding: 1em 2em 1em;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  border-left: 2px solid rgba(0, 0, 0, 0.3);
}

.timeline-checkpoint-header {
    position: relative;
    top: -0.5em;
    display: block;
}

.timeline-checkpoint {
    width: 20px;
    height: 20px;
    display: block;
    top: 1em;
    position: absolute;
    left: -11px;
    border-radius: 10px;
    content: '';
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
}

.timeline-item:hover .timeline-checkpoint {
    width: 21px;
    height: 21px;
    display: block;
    top: 1em;
    position: absolute;
    left: -11px;
    border-radius: 10px;
    content: '';
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: #242424;
}

.timeline-item:hover:last-child .timeline-checkpoint {
    width: 21px;
    height: 21px;
    display: block;
    top: 1em;
    position: absolute;
    left: -11px;
    border-radius: 10px;
    content: '';
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: #242424;
}

.timeline-item:last-child .timeline-checkpoint {
    width: 21px;
    height: 21px;
    display: block;
    top: 1em;
    position: absolute;
    left: -11px;
    border-radius: 10px;
    content: '';
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: #868686;}

.timeline-item:last-child {
  -o-border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0)) 1 100%;
     border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0)) 1 100%;
}