.timeline{margin:20px 10px;position:relative}
.timeline_vr{width:1px;height:100%;position:absolute;border-left:2px dashed #2b3a96;z-index:-1;left:45px}
.timeline-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.timeline-list-item__year{background:#2939a5;border-radius:5px;padding:10px 15px;font-size:28px;color:#fff;font-weight:400}
.timeline-list-item-entry{height:100%;padding-top:25px;width:100%}
.timeline-list-item-chapter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.timeline-list-item-chapter__date{color:#606068;font-weight:800;margin:30px 0 10px}
.timeline-list-item-chapter__article{padding:0 45px 0;-webkit-box-flex:1;-ms-flex:1 1 75%;flex:1 1 75%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.timeline-list-item-chapter__body{background:#f1f4fd;padding:10px 15px;margin-bottom:20px;box-shadow:0 18px 18px -8px rgba(0,0,0,0.15);border-radius:5px}
.timeline-list-item-chapter__thumbnail{-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}
.timeline-list-item-chapter__image{padding:10px 0;margin:0 auto}
@media(max-width:900px){.timeline_vr{display:none}
.timeline-list-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.timeline-list-item-entry{padding-top:0}
.timeline-list-item-chapter__article{padding:0 15px 0 0}
.timeline-list-item-chapter__thumbnail{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}
}
@media(max-width:599px){.timeline-list-item__year{font-size:18px;padding:5px 10px}
}