.story-details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.story-details h3 {
    order: 1;
    width: 100%;
}
.story-details .story-image {
    order: 2;
    width: 270px;
}
.story-details p {
    order: 3;
    flex: 1;
    padding-top: 30px;
}

/* CIRCLE IMAGES */
.ctl-instant-timeline .story-image img {
    width: 100%;
    height: auto;
    width: 230px;
    height: 230px;
    object-fit: cover;
    border-radius: 50%;
}

/* FONT SIZE AND COLORS */
.timeline-content .story-time > div {
    color: #ebbc60 !important;
    font-size: 46px !important;
    font-weight: 800 !important;
}
.timeline-content .story-details h3 {
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}
.timeline-content .story-details P {
    font-size: 15px !important;
    color: #4d5968 !important;
    line-height: 1.75 !important;
}

/* LAYOUT COLORS AND CHANGES */
.ctl-instant-timeline:before{
	background: #99c5c8;
	width: 4px;
	opacity: 1;
}
.timeline-content .story-details:after{
	top: 30px !important;
}
.ctl-instant-timeline .timeline-content .story-details {
    border-left-color: #fff !important;
}
.ctl-instant-timeline .timeline-content .story-details:before{
	border-right-color: #fff !important;
	top: 24px !important;
}
.ctl-instant-timeline {
    padding: 55px 15px;
}
.timeline-block.has-background {
    margin-top: 50px;
    margin-bottom: 50px;
}


@media screen and (max-width:991px){
	.timeline-content .story-details:after{
		left: -51.5px !important;
	}
	.timeline-content .story-details{
		padding: 30px !important;
	}
}

@media screen and (max-width:767px){
	.timeline-content .story-details{
		padding: 15px !important;
	}
	.ctl-instant-timeline .story-image img {
		width: 120px;
		height: 120px;
	}
	.story-details .story-image {
		width: 140px;
	}
}

@media screen and (max-width:580px){
	.story-details .story-image {
		width: 100%
	}
	.story-details p {
		padding-top: 0;
	}
}