.timeline {
	 color: #fff;
	 margin-bottom: 50px;
}
 .timeline h1, .timeline ul li .content h2 {
	 text-shadow: 1px 1px 1px rgba(56, 56, 56, 0.5);
}
 .timeline h1 {
	 background: #3d9e67;
	 padding: 70px 0;
	 font-size: 2.5em;
	 text-align: center;
}
 .timeline ul li {
	 background: #dedede;
	 position: relative;
	 margin: 0 auto;
	 width: 6px;
	 padding-bottom: 0;
	 list-style-type: none;
	 padding-top: 0;
}
 .timeline ul li:last-child {
	background: none;
	padding-bottom:0 ;
}
 .timeline ul li .hidden {
	 opacity: 0;
}
.timeline ul li .content {
	 color: #000;
	 position: relative;
	 width: 450px;
	 padding: 20px;
}
.timeline ul li .content .get-in-touch {
	 border-color: #000;
	 padding-bottom: 10px;
	 text-align: center;
	 margin-top: -40px;
	 margin-bottom: 10px;
}
.timeline ul li .content .get-in-touch p{
	font-size: 15px!important;
	text-transform: uppercase;
}
 .timeline ul li .content p {
	font-size: 15px;
}
 .timeline ul li .content:before {
	 content: '';
	 background: #dedede;
	 position: absolute;
	 top: 0px;
	 width: 50px;
	 height: 6px;
}
 .timeline ul li:nth-child(even) .content {
	 left: 50px;
}
 .timeline ul li:nth-child(even) .content:before {
	 left: -50px;
}
 .timeline ul li:nth-child(odd) .content {
	 left: calc(-450px - 45px);
}
 .timeline ul li:nth-child(odd) .content:before {
	 right: -50px;
}
/* ------------------------- ----- Media Queries ----- ------------------------- */
 @media screen and (max-width: 1020px) {
	 .timeline ul li .content {
		 width: 41vw;
	}
	 .timeline ul li:nth-child(odd) .content {
		 left: calc(-41vw - 45px);
	}
}
 @media screen and (max-width: 700px) {
	 .timeline ul li {
		 margin-left: 20px;
	}
	 .timeline ul li .content {
		 width: calc(100vw - 75px);
	}
	 .timeline ul li .content h2 {
		 text-align: initial;
	}
	 .timeline ul li:nth-child(odd) .content {
		 left: 30px;
	}
	 .timeline ul li:nth-child(odd) .content:before {
		 left: -30px;
	}

	.timeline ul li .content:before{
		width: 30px;
	}

	.timeline ul li:nth-child(even) .content{
		left: 30px;
	}
	.timeline ul li:nth-child(even) .content:before{
		left: -30px;
	}
}
@media screen and (min-width: 700px) {
 	.timeline ul li {
		height: 120px;
	}
}