@charset "UTF-8";
/* CSS Document */

h1, h2 {
	line-height: 0.9;
/*	margin: 2vw;*/
	font-weight: normal;
	font-family: 'Bebas Neue', sans-serif;
	color: #FFF;
/*	text-align: center;*/
}

h1 {
	font-size: 3em;
}

h2,
.project .content h2 {
	font-size: 2.5em;
	margin: 25px 0;
}

.proj_hero {
	padding: 0;
}

.proj_hero figure,
.proj_hero img {
	width: 100% !important;
	height: auto !important;
}

.proj_hero figure {
	margin: 0 !important;
}

.project .content {
	margin-bottom: 45px;
}

.project .content .row {
	padding-left: 0;
}

.photogrid {
	max-width: 1140px;
	padding: 45px 0;
	gap: 20px;
/*	background-color: palegoldenrod;*/
	overflow: hidden;
}

.photogrid > div {
	padding: 0px;
/*	background-color: peachpuff;*/
	overflow: hidden;
	text-align: center;
}

.photogrid > div:nth-child(3) {
/*	padding-right: 20px;*/
}

.photogrid figure {
	margin-bottom: 0;
}

.photogrid img {
	width: 100%;
	height: auto;
	max-width: 400px;
}

.feat_work {
	text-align: center;
}

.video_gall {
/*	background-color: pink;*/
	text-align: center;
}

.video_gall .row {
	justify-content: center;
}

.video_gall img {
	width: 100%;
	height: auto;
}

.white_titles .video_gall h3 {
	color: #FFF !important;
}

.vidthumb {
	margin-bottom: 3vw;
}

.vidthumb > div {
	position: relative;
}

.watchtext {
	position: absolute;
	z-index: 10;
	left: 0;
	width: 100%;
	bottom: 0;
	opacity: 0.9;
	pointer-events: none;
}

.watchtext img {
	display: none;
}

.watchtext p {
	background-color: #000;
	color: #FFF;
	margin: 0;
	padding: 5px;
}

.vidthumb:hover .watchtext p {
	background-color: #EF4B38;
}

@media (min-width: 768px) {

	.photogrid img {
		height: 100%;
		width: auto;
		max-width: initial;
	}	

	.photogrid > div:nth-child(1),
	.photogrid > div:nth-child(3) {
		margin-left: -10px;
	}

	.photogrid > div:nth-child(2),
	.photogrid > div:nth-child(4) {
		margin-right: -10px;
	}

}
@media (min-width: 992px) {

	.photogrid .short img {
		width: 100%;
		height: auto;
	}	
}