.timeline-contain {margin:0 3vw 5vh; border-radius:5px; background-color:#faf3ee;}

.timeline {position:relative; z-index:1; margin:0 auto; padding:2vh 0;}
.timeline h3 {font-family:'Montserrat', sans-serif; font-size:1.5em; padding:5px 10px; font-style:normal; line-height:130%; font-weight:600}
.timeline p {line-height:150%; padding:5px 10px}
.timeline .has-image p {line-height:150%; padding:5px 10px}
.timeline::after{content:'';position:absolute;width:6px;background-color:white; top:0; bottom:0; left:50%; margin-left:-3px; z-index:2;}

.timeline-container{padding:10px 40px;position:relative;z-index:10;background-color:inherit;width:50%;}


.timeline-container::after {content: "";position: absolute;width: 20px;height: 20px;right: -14px;background-color: white;border: 4px solid #a2654a;top: 18px;border-radius: 50%;z-index: 10;}
.leftside{left:0;}
.rightside{left:50%;}

.leftside::before {content: " ";height: 0;position: absolute;top: 20px;width: 0;z-index: 10;right: 28px;border: medium solid white;border-width: 12px 0 12px 12px;border-color: transparent transparent transparent white;}
.rightside::before {content: " ";height: 0;position: absolute;top: 20px;width: 0;z-index: 1;left: 28px;border: medium solid white;border-width: 12px 12px 12px 0;border-color: transparent white transparent transparent;}

.rightside::after{left:-14px;}
.content{padding:1em;background-color:white;position:relative;border-radius:5px; box-shadow: 2px 4px 0px 0px rgba(162,101,74,0.1);}

.has-image{display:grid;grid-template-columns:auto 150px;grid-template-rows:1fr;grid-column-gap:2em;grid-row-gap:0px;align-items:center;}
.has-image img {border-radius:4px;}	
.history-image img {height: auto;}

	@media screen and (min-width:768px) {
		.leftside .has-image {grid-template-columns:150px auto; grid-column-gap:1em;}
		.leftside .history-copy {order:2;}
		.leftside .history-image {order:1;}
		.leftside .content {box-shadow: -2px 4px 0px 0px rgba(162,101,74,0.1);}
	}
	@media screen and (max-width:767px) {
		.timeline::after{left:28px;}
		.timeline-container{width:100%;padding-left:60px;padding-right:10px;}
		.timeline-container::before{left:50px;border:medium solid white;border-width:12px 12px 12px 0;border-color:transparent white transparent transparent;}
		.leftside::after,.rightside::after{left:14px;}
		.rightside{left:0%;}
	}
	@media screen and (max-width:550px) {
		.has-image{grid-template-columns:auto 120px;grid-column-gap:1em;}
		
	}