.timeline{
	color:#d5d5d7;
    margin: 0 auto;
    width: 95%;
}
.timeline ul{
	list-style-type:none;
	border-left:2px solid #9d770b;
	padding:10px 5px;
}
.timeline ul li{
	padding:20px 20px;
	position:relative;
	transition:.5s;
    padding: 15px 0 0 20px;
}
.timeline ul li span{
	display:inline-block;
	background-color:#191921;
    color:#d5d5d7;
    font-weight: 600;
	border-radius:3px;
	padding:5px 8px;
	font-size:15px;
	text-align:center;
    border:0;
    border-left-width:8px;
    border-color:#FFC107;
    border-style:solid;

}
.timeline ul li .content h3{
	color:#FFC107;
	font-size:17px;
    font-weight:600;
	padding:0;
    margin:11px 0 0 0
}
.timeline ul li .content p{
	padding:5px 0px 5px 30px;
    margin:0;
	font-size:15px;
    line-height:28px;

}
.timeline ul li:before{
	position:absolute;
	content:'';
	width:10px;
	height:10px;
	background-color:#9d770b;
	border-radius:50%;
	left:-11px;
	top:28px;
	transition:.5s;
}

.timeline ul li:hover:before{
	background-color:#FFC107;
	box-shadow:0px 0px 10px 2px #FFC107;
}
@media (max-width:300px){
	.timeline{
		width:100%;
		padding:30px 5px 30px 10px;
	}
	.timeline ul li .content h3{
		color:#34ace0;
		font-size:15px;
	}

}