.mainWrap {
	background-color: #7FB1A6;
}

article {
	box-shadow: 4px 4px #00767b;
}

article.projectHeadImage{
	box-shadow: 4px 4px 00767b;
}

article.myRole {
	background-color: #CBDED8;
	color: black;
	box-shadow: 4px 4px black;
}

article.myRole h1{
	color: black;
}

.split {
	display:flex;
	justify-content: space-between;
}

.split >div {
	width: 50%;
	padding-inline: 2.5rem;
}
.split img {
	padding-left: 0;
	padding-right: 0;
	border: var(--BORDER-WIDTH) solid black;
	box-shadow: 4px 4px #00a0c0;
}


.flexCenter {
	display:flex;
	justify-content: center;
	align-items: center;
}

@media only screen and (max-width: 768px) {
	.split {display:block;}

	.split >div {
		width: 100%;
		padding-inline: 0.75rem;
	}
}