  :root {
	 --color-gray: #f8f8f8;
}
 .cd-timeline__container {
	 position: relative;
}
 .cd-timeline__container::before {
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 33px;
	 height: 100%;
	 width: 4px;
	 background: hsl(205, 38%, 89%);
}
 .cd-timeline__block {
	 display: -ms-flexbox;
	 display: flex;
	 position: relative;
	 z-index: 1;
	 margin-bottom: 2em;
}
 .cd-timeline__img img {
	 width: 24px;
	 height: 24px;
}
 .cd-timeline__img {
	 display: -ms-flexbox;
	 display: flex;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -ms-flex-align: center;
	 align-items: center;
	 -ms-flex-negative: 0;
	 flex-shrink: 0;
	 width: 40px;
	 height: 40px;
	 border-radius: 50%;
	 box-shadow: 0 0 0 4px hsl(0, 0%, 100%), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
 .cd-timeline__img--picture {
	 background-color: #FF8200;
	 border-radius: 50% !important;
}
 .cd-timeline__content {
	 -ms-flex-positive: 1;
	 flex-grow: 1;
	 position: relative;
	 margin-left: 1.25em;
	 background: var(--color-gray);
	 border-radius: 0.25em;
	 padding: 1.25em;
}
 .cd-timeline__content::before {
	 content: '';
	 position: absolute;
	 top: 16px;
	 right: 100%;
	 width: 0;
	 height: 0;
	 border: 7px solid transparent;
	 border-right-color: transparent;
	 border-right-color: hsl(0, 0%, 100%);
	 border-right-color: var(--color-gray);
}
 .cd-timeline__container h2 {
	 font-size: 22px;
	 margin-top: 0;
}
 .cd-timeline__container h3 {
	 font-size: 16px;
	 text-transform: uppercase;
	 font-weight: 700;
	 font-family: 'Open Sans', sans-serif;
}
 @media (min-width: 1249px) {
	 .cd-timeline__img {
		 width: 50px;
		 height: 50px;
		 -ms-flex-order: 1;
		 order: 1;
		 margin-left: calc(5% - 25px);
		 will-change: transform;
	}
	 .cd-timeline__content {
		 width: 45%;
		 -ms-flex-positive: 0;
		 flex-grow: 0;
		 will-change: transform;
		 margin: 0;
		 --line-height-multiplier: 1.2;
	}
	 .cd-timeline__container::before {
		 left: 50%;
		 -webkit-transform: translateX(-50%);
		 -ms-transform: translateX(-50%);
		 transform: translateX(-50%);
	}
	 .cd-timeline__content::before {
		 top: 24px;
	}
	 .cd-timeline__block:nth-child(2n) {
		 -ms-flex-direction: row-reverse;
		 flex-direction: row-reverse;
	}
	 .cd-timeline__block:nth-child(2n+1) .cd-timeline__content::before {
		 right: auto;
		 left: 100%;
		 width: 0;
		 height: 0;
		 border: 7px solid transparent;
		 border-left-color: transparent;
		 border-left-color: hsl(0, 0%, 100%);
		 border-left-color: var(--color-gray);
	}
	 .cd-timeline__block:nth-child(2n) .cd-timeline__img {
		 margin-right: calc(5% - 25px);
	}
}
 