.video-module h2 {
	margin: 0;
	margin-bottom: 30px;
	color: #00a651;
}

.video-module h2 span {
	display: block;
	color: #111111;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
}

.video-module .video-holder {
	margin-bottom: 20px;
}

.containing-block {
	width: 100%;
}

.outer-container-desc {
	position: relative;
	height: 0;
	padding-bottom: 100%;  /*73*/
}

object#myExperience {
	background: transparent;
}

.video-module .video-holder .BrightcoveExperience,
.video-module .BrightcoveExperience {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.BrightcoveExperience {
	width: 100%;
}

.video-holder-mob {
	/*display: none;*/
	display: none !important;
}

/*
#col-right .video-holder {
	display: none;
}

#col-right .video-holder-mob {
	display: block;
	max-width: 100%;
}

#col-left .outer-container-desc {
	padding-bottom: 75%;
}
*/

/****************************************************************              PC - LARGE             ***********************************************/

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

/*   Above are specific PC-LARGE stylings, if needed; otherwise - this (PC-LARGE section) is the general design styling for the page, i.e colors, fonts, backgrounds. etc. You put down only dimensional and other dom-model related changes in the desigh in the screen-size queries below */

/****************************************************************              PC              ***********************************************/

@media screen and (max-width: 1218px) {
	/*.news-section .video-holder {
		left: -175px;
	}

	.outer-container-desc {
		padding-bottom: 120%;
	}

	#col-left .outer-container-desc {
		padding-bottom: 110%;
	}*/
}

/****************************************************************              TABLET              ***********************************************/

@media screen and (max-width: 977px) {
/*	.news-section .two-col-section .col {
		width: 100%;
		padding: 10px 10px 30px;
	}

	.news-section .two-col-section .col:first-child {
		padding: 40px 10px 10px;
		border-bottom: 1px solid #eee;
		width: 100%;
	}

	.news-section .video-holder {
		left: 0;
		overflow: hidden;
		width: 100%;
	}

	.outer-container-desc {
		padding-bottom: 86%;
	}

	#myExperience {
		max-width: 100%;
	}

	#col-left .outer-container-desc {
		padding-bottom: 85%;
	}*/
}

/****************************************************************              MOBILE Landscape             ***********************************************/
@media screen and (max-width: 747px) {
	.news-section .container {
		padding: 0;
	}

	.news-section .two-col-section .col:first-child {
		padding: 40px 10px 10px;
		width: 100%;
	}

	.news-section h2 {
		margin: 0;
		padding: 0 10px;
		font-size: 30px;
	}

	/*.video-holder {
		display: none;
	}*/

	/*.video-holder-mob {
		display: block;
		max-width: 100%;
	}*/

/*	.outer-container {
		margin-bottom: 30px;
		padding-bottom: 137%;
	}

	#myExperience2 {
		box-sizing: border-box;
		max-width: 100%;
		padding: 0 10px;
	}*/
}