.photoBG {
	height: 700px;
	display: grid;
	grid-template-columns: 1fr 14fr 1fr;
	grid-template-rows: 1fr;
}

.photoBG .photo {
	grid-column: 1/4;
	grid-row: 1/2;
	width: 100%; height: 100%;
	background-attachment: fixed;
	background-size: cover;	
	z-index: 1;
}

.photoBG .overlay {
	grid-column: 1/4;
	grid-row: 1/2;
	background-color: rgba(255, 255, 255, .75);	
	z-index: 5;
}

.photoBG .content {
	grid-column: 2/3;
	grid-row: 1/2;
	place-self: center stretch;
	z-index: 10;
}


.photoBG .photo--process {
	background-image: url('process_0748.jpg'); /* plain background disables -attachment and -size form .photoBG*/
}



@media(max-width: 1050px) {
	.photoBG {
		grid-template-columns: var(--mobileGutter) 1fr var(--mobileGutter);
		height: 600px;
	}	
}