.timeline {
	margin:0 auto;
	overflow: hidden;
	padding: 2% 0;
	font-family: "Luthier Reg";
	color: #4f4f4f;
}
.timeline-title-the {
    font-size: max(2vh, 3vw, 10px);
	justify-content: center;
	display: flex;
	margin: auto;
}
.timeline-title-wedding {
    font-family: "Parisienne";
    font-size: max(3vh, 5vw, 20px);
	justify-content: center;
	display: flex;
	margin: auto;
}
.timeline-title-timeline {
    font-family: "Cinzel Decorative";
    font-size: max(2vh, 3vw, 10px);
	justify-content: center;
	display: flex;
	margin: auto auto 1vh auto;
}

.right-content, .left-content {
	float:left;
	display:block;
	width:49%;
	font-size: max(2vh, 1.8vw, 15px);
}
.left-content {
	text-align:right;
}
.right-content {
	border-left: 2px solid #4f4f4f;
	background-image: url('/static/images/background/transparent_background_flowers_030.png');
	background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
	height: 80%;
}
.left-content p {
	margin: max(9vh, 6vw) 10px 0 0;
}
.right-content p {
	margin: max(4.5vh, 3vw) 0 max(9vh, 6vw) 10px;
}
.timeline p {
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7 ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;	
}

.timeline-fade-in {
    opacity: 0;
}
.left-content .timeline-scroll-translate {
    transform: translateX(-10vw);
}
.right-content .timeline-scroll-translate {
    transform: translateX(10vw);
}

@media (max-width: 800px) {
	.left-content .timeline-scroll-translate {
		transform: translateY(10vh);
	}
	.right-content .timeline-scroll-translate {
		transform: translateY(10vh);
	}
}