main .rb-content {
    padding-bottom: 0;
}
article {
    margin: 0 6rem 6rem 6rem;
}
article h3 {
    font-size: 1.6rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 3rem;
}
.timeline-list {
}
.timeline-item {
    display: flex;
    align-items: top;
}
.timeline-item h4 { 
    font-size: 3rem; 
    font-weight: bold;
    color: #475875;
    flex-basis: 35%;
    text-align: right;
    padding-right: 1rem;

}
.timeline-item > div { 
    flex-basis: 65%;
    background-image:url('<?php echo G5_IMG_URL ?>/rayble/history_bg.png');
    background-repeat: repeat-y;
    background-position: 20px 0;
    padding-left: 20px;
}
.timeline-item ul { 
    background-image: url('<?php echo G5_IMG_URL ?>/rayble/history_icon.png');
    background-repeat: no-repeat;
    background-position: 0 16px;
    margin-left: -9px;
}
.timeline-item ul li { 
    display: flex;
    padding: 1rem;
}
.timeline-item ul li h5 { 
    display: inline-block;
    color: #4cc0ef;
    font-weight: bold;
    padding: 0 1.8rem;
}
.timeline-item ul li p { 
    font-size: 0.9rem;
    color: #666;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.timeline-item ul li p img {
    width: 100%; 
}
.timeline-item ul li p:last-child { 
    margin-bottom: 0;
}
@media (max-width: 1000px) {
    .timeline-item { 
        display: block;
    }
    .timeline-item h4 { 
        text-align: left;

    }
    .timeline-item > div { 
        background-image: none;
        padding-left: 0;
        padding-bottom: 2rem;
    }
    .timeline-item ul { 
        background-image: none;
    }
    .timeline-item ul li { 
        padding-left: 0;
    }
    .timeline-item ul li h5 { 
        padding: 0 1.8rem 0 1rem;
    }
}
@media (max-width: 768px) {
    article {
        margin: 0 3rem;
    }
}