@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600&display=swap');
body{
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
}
.tanny{
	background-color:white;
	width: 100%;
	margin-top: -50px;
}
.timeline{
	
	position: relative;
	margin: 50px auto;
	padding: 40px 0;
	width: 1000px;
	box-sizing: border-box;
	
	
}

.timeline:before{
	
	content:'';
	position: absolute;
	left: 55%;
	width: 2px;
	height:100%;
	background: #c5c5c5;
	
}
.timeline ul{
	margin: 0;
	padding: 0;
	
}

.timeline ul li{
	
	list-style-type: none;
	position: relative;
	width: 50%;
	padding: 20px 40px;
}
	
	
.timeline ul li:nth-child(odd)	{
		float: left;
	    text-align: right;
	    clear: both;
	}
	
.timeline ul li:nth-child(even)	{
		float: right;
	    text-align: left;
	    clear: both;
	    margin-right: -100px;
	}
		
.content{
	padding-bottom: 20px;
}

.timeline ul li:nth-child(odd):before{
	content:'';
	position: absolute;
	width: 10px;
	top: 40px;
	right: 25px;
	height: 10px;
	background: rgba(233,0,0,1);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(233,0,0,0.2);
}
.timeline ul li:nth-child(even):before{
	content:'';
	position: absolute;
	width: 10px;
	top: 40px;
	left: 25px;
	height: 10px;
	background: rgba(233,0,0,1);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(233,0,0,0.2);
	
}
.timeline ul li h3{
	margin: 0;
	padding: 0;
	font-weight: 600;
	color: white;
	
}	

.timeline ul li p{
	margin: 10px 0 0;
	padding: 0;
}

.timeline ul li .time h3{
	margin: 0;
	padding: 0;
	font-size: 14px;
	
	
}

.timeline ul li:nth-child(odd) .time {
	position: absolute;
	top: 30px;
	right: -165px;
	margin: 0;
	padding: 8px 5px;
	background: rgba(233,0,0,1);
	color: #fff;
	border-radius: 18px;
}

.timeline ul li:nth-child(even) .time {
	position: absolute;
	top: 30px;
	left: -165px;
	margin: 0;
	padding: 8px 5px;
	background: rgba(233,0,0,1);
	color: #fff;
	border-radius: 18px;
}

.bghistory {
	background-image: url('past.jpg');
	background-repeat:repeat;
	height:700px;
	width: 100%;
	text-align: justify;
}

.bghistory p{
	color: red;
    text-align: center;
    font-family:sans-serif;
    font-size: 5em;
    font-weight: bolder;
	padding-right: 45%;
	padding-top: 10%;
	
}

.bghistory h4{
	font-size: 2em;
	margin-left: 40px;
	color:aliceblue;
	padding-top:10%;
	
}


.bghistory h5{
	color:antiquewhite;
	margin-left: 40px;
	font-size: 20px;
}


.itemr{
	background-color:red;
	height: 50px;
	width: 100%;
	margin-top:-10px;
	
}