#projects h3 {
	padding-bottom: 15px;
}

.project-image-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 1vw 2vw;
}

.single-image-container {
	width: 100%;
}

.project-image-border {
	width: 100%;
	border-radius: 50%;
	border: 2px solid #dddddd;
	padding: 15px;
	background-color: white;
}

.project-image-div {
	overflow: hidden;
	background-size: cover;
	background-position: 50%;
	width: 100%;
	padding: 0;
	border-radius: 50%;
	border: 2px solid #a4001d;
	box-shadow: 2px 2px 5px darkgrey;
}

.project-image-div:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.project-image {
	width: 100%;
}

.project-more-image-div {
	display: none;
}

.project-details {
	text-align: center;
}

.project-text-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: right;
	padding: 5vw 2vw 10vw 2vw;
}

.jtk-connector {
	z-index: -1;
}

@media (min-width: 550px) and (max-width: 767px) {

	.project-image-container {
		padding: 1vw 10vw;
	}

}

@media (min-width: 768px) {
	#projects h1 {
		padding-bottom: 0;
		margin-bottom: -10px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.project-image-container {
		flex-direction: row;
	}

	.project-image-container > .single-image-container {
		width: 33%;
	}

	.project-more-image-div > .single-image-container {
		width: 50%;
	}

	.single-image-container {
		padding: 20px;
	}

	.project-more-image-div {
		display: flex !important;
		flex-direction: row;
		width: 67%;
	}

	.project-text-container {
		max-width: 100%;
		flex: 0 0 100%;
		padding: 2vw;
	}

}

@media (min-width: 992px) {

	.single-image-container {
		padding: 2vw 0;
	}

	.project-more-image-div {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	#project-details-1, #project-details-3 {
		text-align: left !important;
	}

	#project-details-2, #project-details-4 {
		text-align: left !important;
	}

	.project-text-container {
		padding: 5vw 2vw;
	}

}

#project-1-image-1 {
	background-image: url("../img/safetymeeting/safetymeeting-home.png");
}

#project-1-image-2 {
	background-image: url("../img/safetymeeting/safetymeeting-details.png");
}

#project-1-image-3 {
	background-image: url("../img/safetymeeting/safetymeeting-portal.png");
	background-position: 0;
}

#project-2-image-1 {
	background-image: url("../img/tridonic/4remote_iOS.png");
}

#project-2-image-2 {
	background-image: url("../img/tridonic/searching.png");
}

#project-2-image-3 {
	background-image: url("../img/tridonic/4commissioning_Android.png");
}

#project-3-image-1 {
	background-image: url("../img/maurices/maurices_home.png");
}

#project-3-image-2 {
	background-image: url("../img/maurices/maurices_analytics.png");
}

#project-3-image-3 {
	background-image: url("../img/maurices/maurices_cart.png");
}

#project-4-image-1 {
	background-image: url("../img/zeiss/hfa3_statictest.png");
}

#project-4-image-2 {
	background-image: url("../img/zeiss/hfa3_hardware.png");
}

#project-4-image-3 {
	background-image: url("../img/zeiss/hfa3_sitafast.png");
}