html {
	/* 		background-color: black; */
	
}
.backgroundImage {
	background-image: url('img/donut_crop2.jpg');
	background-position: center;
}

p {
	font-family: 'Cormorant Garamond', serif;
	/* 		font-family: "Times New Roman", Georgia, Serif; */
	font-size: 1em;
/* 	font-color: red; */
}

#box3TextBoxes .textBox p {
	font-size: 1.9em;
}

h3 {
	font-size: 2.5em
}

.close {
	font-size: 3em;
}

.description {
	margin-left: 20px;
}

.textBox {
	margin-bottom: 2em;
	/* 		padding: 5px 2em 5px 2em; */
}

.topLeftArrow, .topRightArrow, .bottomLeftArrow, .bottomRightArrow,
	.arrow1, .arrow2, .arrow3, .arrow4 {
	margin-bottom: 2em;
	margin-top: 10px;
}

.close {
	margin-top: -1em;
}

.topLeftArrow:after, .topRightArrow:after, .bottomLeftArrow:after,
	.bottomRightArrow:after, .arrow1:after, .arrow2:after, .arrow3:after,
	.arrow4:after {
	border-width: 20px;
}

.topLeftArrow:after, .topRightArrow:after, .arrow1:after, .arrow2:after,
	.arrow3:after, .arrow4:after {
	top: -40px; /*should be set to -border-width x 2 */
}

.bottomLeftArrow:after, .bottomRightArrow:after {
	bottom: -40px; /*should be set to -border-width x 2 */
}
/* 	#overlay1.semi,#overlay2.semi,#overlay3.semi,#overlay4.semi { */
/* 		background-color: rgba(0, 0, 0, .3) */
/* 	} */
#overlay1.semi, #overlay2.semi, #overlay3.semi, #overlay4.semi {
	background-color: rgba(0, 0, 0, .2)
}

#overlay1.active, #overlay2.active, #overlay3.active, #overlay4.active {
	background-color: rgba(20, 20, 20, 1);
	background-color: rgba(29, 6, 158, 1);
}

.projImg {
	margin-bottom: 2em;
}