.start, .waypoint, .end {
    position: relative;
}

.bullet-point div {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.25;
}

.start-icon, .end-icon {
    width: 22px;
    height: 22px;
}

.start-icon, .waypoint-icon, .end-icon {
    margin-bottom: 7px;
}

.start-icon .st0 {
    fill: #f15a29;
}

.start-icon .st1 {
    fill: #fff;
}

.end-icon .st0 {
    fill: #1c71b1;
}

.waypoint-icon {
    background-color: #f15a29;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    margin-bottom: 10px;
}

.start .bullet-point div:last-of-type, .end .bullet-point div:last-of-type {
    margin-left: 2px;
    margin-bottom: 18px;
    width: 90%;
}

.waypoint .bullet-point div:last-of-type {
    margin-left: 5px;
    margin-bottom: 18px;
    width: 90%;
}

.dashes {
    border-left: 2.5px dashed #f15a29;
    position: absolute;
    position: absolute;
    height: 94%;
    left: 9px;
    top: 50%;
}

.dashes-long {
    height: 95%;
}

.dashes-short {
    height: 70%;
}

.wysiwyg em {
    font-size: 13px;
}

@media all and (max-width: 400px) {
    .dashes-short-mobile {
        height: 90%;
    }
}