main#main-milestones h2.h2-basic{
    margin-top: 80px;
}

main#main-milestones dl.timeline{
    margin-top:40px;
}

main#main-milestones dl.timeline div.wrapper{
    display:flex;
    align-items: flex-start;
    margin-bottom:30px;
    position:relative;
}

main#main-milestones dl.timeline div.wrapper:not(:last-of-type):before{
    content:"";
    width:1px;
    height:115%;
    background-color: #D3DCEA;
    position:absolute;
    bottom:-45px;
    left:9px;
}

main#main-milestones dl.timeline dt.year{
    font-size: 2.25rem;
    font-weight: 700;
    color:#397BDF;
    font-family: "Roboto", serif;
    line-height: 1.4;
    margin-right:70px;
    position:relative;
    display:flex;
    align-items: center;
}

main#main-milestones dl.timeline dt.year::before{
    content:"";
    width:20px;
    height:20px;
    border-radius:50%;
    background-color: #397BDF;
    display: inline-block;
    margin-right:20px;
}

main#main-milestones dl.timeline dl.child-dl dt.month{
    margin-right:20px;
    text-align: right;
    display: inline;
    min-width:60px;
}

main#main-milestones dl.timeline dl.child-dl div.child-wrapper{
    display:flex;
}

main#main-milestones dl.timeline dl.child-dl dd{
    max-width:740px;
    width:100%;
}

@media (max-width: 640px){
    main#main-milestones dl.timeline div.wrapper{
        display:block;
    }

    main#main-milestones dl.timeline div.wrapper:first-of-type:before{
        content:"";
        width:1px;
        height:115%;
        background-color: #D3DCEA;
        position:absolute;
        top:20px;
        left:9px;
    }

    main#main-milestones dl.timeline dl.child-dl dt.month{
        text-align: left;
    }

    main#main-milestones dl.timeline dl.child-dl div.child-wrapper{
        display:block;
        padding-left:45px;
        margin-bottom:20px;
    }
}