#timeline{
		width:200px;
		height:100%;
		overflow: visible;
		float: left;
		position: relative;
		margin-left: 8px;
		z-index: 0;
		margin-top:30px;
	}
	 #timeline::after{
		content: '';
		top: 0;
		left: 98px;
		height: 100%;
		width: 4px;
		background: #d7e4ed;
		
		/* create a new stacking context */
		position: absolute;
		z-index: -1;    /* to be below the parent element */
	} 

	.timeline-img{
		width: 20px;
		background-color: white;
		height: 20px;
		overflow: hidden;
		position: relative;
		border-radius: 50%;
		margin: 10px auto;
		border: 5px solid black;
	}

	.timeline-content{
		position: absolute;
		left: -111px;
		top: -16px;
		width: 150px;
		opacity: 0;
		background-color: cornflowerblue;
		color: white;
		padding:1em;
		border-radius: 6%;
		-webkit-transition: opacity .15s ease-in-out;
		-moz-transition: opacity .15s ease-in-out;
		-ms-transition: opacity .15s ease-in-out;
		-o-transition: opacity .15s ease-in-out;
		transition: opacity .15s ease-in-out;
	}

	.timeline-content::before {
		content: '';
		position: absolute;
		top: 24px;
		left: 100%;
		height: 0;
		width: 0;
		border: 7px solid transparent;
		border-left: 7px solid cornflowerblue;
	}

	.d1976{
		background-color:darkslateblue;
	}

	.d1976::before{
		border-left: 7px solid darkslateblue;
	}


	.timeline-post{
		position: relative;
	}
	.active-dot{
		width: 12px;
		background-color: black;
		height: 12px;
		overflow: hidden;
		position: relative;
		border-radius: 50%;
		margin: 4px;
		opacity:0;
	}
	.view{
		opacity: 1;
	}

	.date{
		margin-bottom: 5px;
		position: absolute;
		display: initial;
		left: 60%;
		width: 75px;
		top: 4px;
		color: black;
		font-weight: 600;
		font-family: 'miso' !important;
	}

	#timeline-header{
		float: left;
		position: absolute;
		text-align: center;
		/* width: 60%; 
		top: -1em;
		left: 25%; */
		color: #000000;
		line-height: 18px;
		-webkit-font-smoothing: none;
		-moz-osx-font-smoothing: none;
		font-size: 16px;
		font-family: Tahoma, Verdana;
		color: #070707;
		background: #bfbfbf;
		border: 1px solid;
		border-top-color: #dfdfdf;
		border-left-color: #dfdfdf;
		border-right-color: #808080;
		border-bottom-color: #808080;
		box-shadow: 1px 1px 0 0 #000;
		cursor: default;		
	}

	.date-year{
		margin: 0 auto;
		width: 32px;
		position: relative;
		padding: 3.5px 8px;
		color:white;
		border-radius: 12%;
	}