/* See also "outage.css" as the "master" css for this section */

/* When complete use any styles from the outage.css file for the
 * "outage_center_global.css" file 
*/

.topBannerContainer {
	margin: 25px auto 9px auto;
}

.topBannerContainer {
	margin: 45px auto 0px auto;
	position: relative;
}

.topBannerContainer img {
	width: 100%
}

.largeHeadingContainer {
	/* Extends global css */
	width: 100%;
	margin-top: 45px;
	display: flex;
	align-items: center;
	align-items: flex-start;
	justify-content: flex-start;

/* flex-direction: column; */
}

.largeHeading {
	/* Extends global css */
	font-size: 60px;
	text-align: left;
	margin: none;
}

.largeHeadingSubText {
	/* Extends global css */
	 margin-top: 10px;
	text-align: left;
	font-weight: 500;
	color: #000;
	letter-spacing: 0px;
}

.largeHeadingSubText li {
	/* Extends global css */
	margin-left: 18px;
}

.mediumHeading {
	/* Extends global css */
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -1.25px;
}

.carbonMonoInner {
	display: flex;
}

.videoSectionContainer {
	width: 100%;
	margin: 25px auto 0px auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.videoHeadingContainer {
	/* accompanies "largeHeadingContainer" */
	margin: 45px auto 0px auto;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.videoLeft, .videoRight {
	width: 50%;
	text-align: center;
}

.video {
	width: 465px;
	height: 260px;
	margin: auto;
	border: 1px solid;
}

.videoCaption {
	margin: 0px auto 4px auto;
	font-size: 16px;
	font-weight: 600;
}

.videoSpacer {
	margin-bottom: 25px;
}

.safetyFirstHeadingContainer {
	width: 100%;
	align-items: center;
	justify-content: center;
}

.safetyFirstMediumHeading {
width: 90%;
margin-left: 2%;
}

.horizontalLine {
	width: 100%;
	margin: 63px auto 0px auto;
	border-top: 2px solid #cacaca;
}

.redText {
	/* Extends global css */
	color: #d91414;
}

/* Responsive */
@media screen and (max-width: 995px) {
	.largeHeading {
		font-size: 32px;
	}

	.largeHeadingSubText, .referralsHeadingSubText {
		font-size: 14px;
	}

	.carbonMonoInner {
		text-align: center;
		display: block;
	}

	.carbonMonoInnerLeft {
		width: 96%;
		margin: 0px auto 32px auto;
	}

	.carbonMonoInnerRight {
		width: 96%;
		margin: auto;
		text-align: center;
	}

	.videoSectionContainer {
		max-width: 100%;
		text-align: center;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.videoLeft, .videoRight {
width: 96%;
		margin: 0px auto 24px auto;
	}

}