/* Timeline */

	.timeline-wrapper {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
		margin:0 0 2em 0;
	}
		
	.timeline{
		width:80%;
		max-width:400px;
		margin: 0 auto;
		padding: 0;
		list-style:none;
	}

		.timeline h1 {
			font-size:1.25em;
			font-weight:300;
			margin:0;
		}

		.timeline li {
			padding:3em 2em 2em;
			position:relative;
			color: #000000;
			border-left: 2px solid rgba(0,0,0,.3);
		}
		
		.timeline li::before {
			content: attr(date-is);
			position: absolute;
			left: .75em;
			font-weight:300;
			top: 0em;
			display:block;
			font-family:prettysnazzy-title;
			font-size:1.5em;
		}
		
		.timeline li::after {
			width: 10px;
			height: 10px;
			display: block;
			top: 1em;
			position: absolute;
			left: -6px;
			border-radius: 10px;
			content: '';
			border:2px solid rgba(0,0,0,.3);
			background:white;
		}