.carousel-item {
	height: 50%;
}

.carousel-item h1 {
	position: absolute;
	margin: 0;
	color: white;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/*--------------------------------------------------------------
	TIMELINE
--------------------------------------------------------------*/

/* The actual timeline (the vertical ruler) */
.main-timeline-2 {
	position: relative;
}

/* The actual timeline (the vertical ruler) */
.main-timeline-2::after {
	content: "";
	position: absolute;
	width: 3px;
	background-color: #26c6da;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
}

/* Container around content */
.timeline-2 {
	position: relative;
	background-color: inherit;
	width: 50%;
}

/* Place the container to the left */
.left-2 {
	padding: 0px 40px 20px 0px;
	left: 0;
}

/* Place the container to the right */
.right-2 {
	padding: 0px 0px 20px 40px;
	left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left-2::before {
	content: " ";
	position: absolute;
	top: 18px;
	z-index: 1;
	right: 30px;
	border: medium solid white;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right-2::before {
	content: " ";
	position: absolute;
	top: 18px;
	z-index: 1;
	left: 30px;
	border: medium solid white;
	border-width: 10px 10px 10px 0;
	border-color: transparent white transparent transparent;
}


/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 300px) {
	/* Place the timelime to the left */
	.main-timeline-2::after {
		left: 31px;
	}

	/* Full-width containers */
	.timeline-2 {
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}

	/* Make sure that all arrows are pointing leftwards */
	.timeline-2::before {
		left: 60px;
		border: medium solid white;
		border-width: 10px 10px 10px 0;
		border-color: transparent white transparent transparent;
	}

	/* Make all right containers behave like the left ones */
	.right-2 {
		left: 0%;
	}
}

/*--------------------------------------------------------------
	FACTORIES
--------------------------------------------------------------*/
.section-factories {
	background-color: rgba(233,91,15,0.1);
	padding-top: 20px;
	padding-bottom: 20px;
}

.section-factories img {
	width: 100%;
	height: 350px;
	margin: 20px;
	border-radius: 15px;
	opacity: 0.35;
}

.thumbnail {
	position: relative;
}

.caption {
	position: absolute;
	top: 40%;
	left: 5%;
	width: 80%;
}

.section-factories .thumbnail h3 {
	color: rgba(233,91,15,1);
	text-align: center;
	margin-bottom: 30px;
	font-weight: 700;
}

.section-factories .thumbnail p {
	color: black;
	font-weight: 500;
}