.ss-container{
    padding-bottom: 0;
}
.ss-container:before {
    position: absolute;
    width: 4px;
    background: rgba(20, 92, 130, 1);
    top: 0;
    left: 0;
    margin-left: 44px;
    content: '';
    height: 100%;
}
.ss-container .ss-daterow{
    transform: rotate(-90deg);
    transform-origin: top left;
    width: auto;
    left: -67px;
    top: 281px;
}
.ss-container .ss-row{
    margin-left: 35px;
    padding: 0 0;
}
.scc-timeline .ss-container .ss-right, .scc-timeline .ss-container .ss-left{
    width: 100%;
    padding-right: 40px;
}
.ss-container .ss-right {
    padding-left: 0;
}

.ss-container .ss-right h2{
    padding-left: 0;
}
.ss-container .ss-right h3, .ss-container .ss-left h3{
    margin-left: 0;
}

.scc-timeline .ss-container .ss-right h3, .scc-timeline .ss-container .ss-left h3{
    border: none;
    margin-left: 20px;
}
.ss-container .ss-daterow .ss-left, .ss-container .ss-daterow .ss-right{
    width: auto;
    padding-right: 0;
}
.ss-left .ss-circle-deco:before{
    display: none;
}
.ss-right .ss-circle-deco:before{
    display: none;
}
.ss-right .ss-circle-deco:after{
    display: none;
}

@media screen and (min-width: 576px) {
    .ss-container{
        padding-bottom: 500px;
    }
    .ss-container:before {
        position: absolute;
        width: 4px;
        background: rgba(20, 92, 130,1);
        top: 0;
        left: 50%;
        margin-left: -2px;
        content: '';
        height: 100%;
    }
    .ss-container .ss-daterow{
        transform: rotate(0deg);
        width: inherit;
        left: auto;
        top: auto;
    }
    .ss-container .ss-daterow h2:nth-of-type(odd){
        padding-left: 10px;
    }
    .scc-timeline .ss-container .ss-right h3 {
        border-left: 5px solid rgba(164, 166, 181, 0.8);
    }
    .scc-timeline .ss-container .ss-left h3{
        border-right: 5px solid rgba(164, 166, 181, 0.8);
        margin-left: 0;
    }
    .scc-timeline .ss-container .ss-right, .scc-timeline .ss-container .ss-left {
        width: 49%;
        margin-left: 0;
        padding-right: 0;
    }
    .ss-container .ss-right h3{
        margin-left: 2%;
    }
    .ss-container .ss-left h3{
        margin-right: 2%;
    }
    .ss-container .ss-row{
        margin-left: 0;
        padding: 30px 0;
    }
    .ss-container .ss-daterow .ss-left, .ss-container .ss-daterow .ss-right{
        width: 50%;
        padding-right: 40px;
    }
    .ss-left .ss-circle-deco:before{
        display: block;
    }
    .ss-right .ss-circle-deco:before{
        display: block;
    }
    .ss-right .ss-circle-deco:after{
        display: block;
        left: 24px;
    }
}