
.headingBar {
	width: 100%;
	text-align: center;
	padding: 1%;
	background-color: #f2f2f2;
}

.heading {
	margin: 5px auto auto auto;
	width: 75%;
}

.headPad {
	padding: 2%;
}

.greyPadding {
	background-color: #f2f2f2;
	padding: 1%;
}

.center {
	text-align: center;
	justify-content: center;
}

.projectTitle {
	text-align: left;
	position: relative;
}

.titles {
	margin: 0;
	position: relative;
	top: 50%;
	transform: translate(0, -50%)
}

.video {
	width: 100%;
}

.infoContainers {
	margin: 1% auto auto auto;
	width:60%;
}

.infoTitles {
	margin: auto auto 10px auto;
}

.infoText {
	width: 75%;
	margin: auto;
}

.teamContainer {
	margin: 1% auto auto auto;
	padding: 1%;
	width: 60%;
}

.teamMembers {
	padding: 1%;
}

.card {
	margin: 0 auto; /* Added */
	float: none; /* Added */
	margin-bottom: 10px; /* Added */
}

.card-img-top {
	width: 200px;
	height: auto;
	margin: 15%;
}

.cardMargin {
	margin: 10px;	
}

.blockDiagram {
	width: 60%;
	margin: 1% auto 2% auto;
}

.linkContainer {
	width: 75%;
	margin: auto;
}

@media screen and (max-width: 750px) {
	.projectTitle {
		width: 100%;
	}

	.word {
		display: inline;
	}

	.infoContainers {
		margin: 1% auto auto auto;
		width:75%;
	}
}