.grid-title {
	text-align: center;
	font-weight: 700;
	padding-bottom: 3rem;
}

.graphic-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	background-color: #fff;
	margin: 0 auto;
}
.grid-node {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.image-overlay {
	margin: 0;
	padding: 0;
	position: relative;
}

.overlay-title {
	padding: 2rem 0 0;
	font-size: 2rem;
	color: #fff;
	line-height: 1;
	text-align: center;
	font-weight: 700;
}

#content .postThumb {
	max-width: 80%;
    width: auto;
    display: block;
    margin: 2rem auto;
}
figcaption.overlay-caption {
	position: absolute;
	top: 1em;
	right: 1em;
	left: 1em;
	height: 165%;
	background: rgba(57, 169,214,.87);
	color: #002959;
	text-align: center;
	opacity: 0;
	padding: 1rem;
	transition: opacity ease-in-out 300ms;
}

figcaption.overlay-caption p {
	line-height: 1.16;
	font-size: 1.12rem;
}

.grid-element > figure > figcaption.overlay-caption:hover {
	opacity: 1;
}

@media screen and (min-width:1800px) {
	figcaption.overlay-caption p {
		line-height: 1.6;
		/* font-size: 1rem; */
	}
}
@media screen and (min-width:1520px) {
	figcaption.overlay-caption p {
		/* line-height: 1.16; */
		font-size: 1rem;
	}

	.overlay-title {
		padding: 0 0 .5rem;
	}
	figcaption.overlay-caption {
		bottom: 1em;
		top: 1em;
		right: 1em;
		left: 1em;
		height: 80%;
	}
}

@media screen and (max-width:1320px) {
	.overlay-title {
		padding: 1rem 0;
	}
	.graphic-wrapper {
		grid-template-columns: 1fr;
	}
	figcaption.overlay-caption p {
		line-height: 1.4;
		font-size: 1.4rem;
	}

	figcaption.overlay-caption {
		height: 85%;
	}

}


@media screen and (max-width:1024px) {
	figcaption.overlay-caption p {
		line-height: 1.5;
		font-size: 1.6rem;
	}
}


@media screen and (max-width:849px) {

	#video-container {
		width: 92vw;
	}
	#content > div.slideshow > ul,
	.home #content.full {
		max-width: 100%;
	}
	.overlay-title {
		font-size: 3rem;
		padding: 2rem 0;
	}

	figcaption.overlay-caption {
		bottom: 1rem;
		height: 90%;
	}

	figcaption.overlay-caption p {
		line-height: 1.5;
		font-size: 2rem;
	}
	.grid-node {
		grid-template-columns: 1fr;
		grid-gap: .5rem;
	}
	.grid-element {
		grid-template-columns: 1fr;
		display: grid;
	}
	.graphic-wrapper {
		grid-gap: .5rem;
	}
	.empty {
		display:none;
	}
	.slide .details h1 {
		font-size: 3rem;
	}
	.home .slideshow .details .text {
		max-width: 700px;
	}
}

@media screen and (max-width: 649px) {
	figcaption.overlay-caption p {
		line-height: 1.6;
		font-size: 1.2rem;
	}
	.slide .details h1 {
		font-size: 2.5rem;
	}
	.home .slideshow .details .text {
		max-width: 500px;
	}
	.home .slide .details .box {
		padding: 0;
	}
}

@media screen and (max-width: 429px) {
	.slideshow {
		width: 100vw;
	}
}