.headingbg {
	color: #000000;
	background-image: linear-gradient(to bottom, rgba(255,255,255,.5), rgba(255,255,255,.5), rgba(255,255,255,0));
	text-shadow: none;
}
h1, h2, h3 {
	margin: 0;
	padding: 1% 20px;
}
.desc {
	width: calc(100% - 40px);
	background-color: rgba(0,0,0,.7);
	padding: 5px 20px;
	margin: auto;
	margin-bottom: 16px;
	font-family: Times;
}
.gallery {
	display: grid;
	padding: 2% 0;
}

.photo {
	display: grid;
	width: 80%;
	padding: 0 2.5%;
	margin: auto;
}
img {
	width: 100%;
}
#content {
	min-height: calc(100vh - 368px);
}

@media (min-width: 766px) { /* Switches to Tablet style after this width threshold is reached.*/
	.gallery {
		display: flex;
		flex-wrap: wrap;
	}
	.photo {
		width: 45%;
	}
}

@media (min-width: 1024px) {/*For Desktop viewing*/
	.photo {
		width: 25%;
	}
}