.cs_full .row.cs_block{
	padding: 3.5rem 1rem;
}

.cs_full{
	line-height: 1.8em;
}

.top-hero{
	position: relative;
}	

.cs_logo{
	max-width: 210px;
}

.top-hero.cs_harmless{
	background-image: url(../images/HHhero.webp);
}
.top-hero.cs_code{
	background-image: url(../images/hero-codecademy.png);
}

.top-hero.cs_truth{
	background-image: url(../images/hero-truth.png);
}

.top-hero.cs_wondery{
	background-image: url(../images/hero-wondery.png);
}
.top-hero.cs_regal{
	background-image: url(../images/hero-regal.png);
}

.top-hero.cs_imax{
	background-image: url(../images/hero-imax.jpg);
}

.top-hero.cs_netflix{
	background-image: url(../images/hero-netflix.jpg);
	 @media only screen and (min-width: 64.063em) {
		background-image: none;
		 p{
			 color: #000;
		 }
		 .cs_logo{
			 width: 30%;
			max-width: 300px;
		}
	}	
	.cs_logo{
		width: 60%;
		
	}
	
	.background-video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover; /* Ensures video fills the area */
		z-index: -1; /* Sends it behind content */
	}
}

.cs_metrics{
	font-weight: bold;
	font-family: "Raleway",sans-serif;
	.column{
		padding: 2em;
	}
}
.cs_metrics.the_results p span{
	color: #000;
	&.metric{
		font-size: 40px;
	}
	&.metric_dsc{
		font-size: 12px;
	}
	
}
.cs_metrics.the_results .column{
		padding: 2em 0;
	}
.metric_dsc{
	font-size: 13px;
}

.cs_goal{
	text-align: left;
	.small-12{
		text-align: center;
	}
	
}

.cs_goal ul{
	margin-bottom: 30px;
	line-height: 1.8em;
}

h2{
	text-transform: uppercase;
	font-size: 22px;
}

img.sm-img{
	max-width: 450px;
	width: 100%;
}

.cs_comvita	.cs_blue-content{
		background-color: rgb(197, 158, 87);
}
.cs_hh	.cs_blue-content{
		background-color: rgb(4, 176, 133);
}
.cs_codecademy .cs_blue-content{
		background-color: rgb(0, 0, 0);
}
.cs_truth .cs_blue-content{
		background-color: rgb(233, 83, 40);
}

.cs_wondery .cs_blue-content{
		background-color: rgb(10, 75, 80);
}

.cs_regal .cs_blue-content{
		background-color: rgb(245, 102, 0);
}

.cs_imax .cs_blue-content,
.cs_netflix .cs_blue-content{
		background-color: rgb(0, 0, 0);
	&.itsred{
		background-color: #cf0000;
	}
}

.cs_gray-content{
	background-color: #EEEEEE;
}

.cs_truth  .cs_success p a{ 
	color: rgb(233, 83, 40); 
	font-weight: bold;
}




.cs_nav{
	padding: 1.5em;
}

.cs_nav a{
	display: inline-block;
	font-family: "Raleway",sans-serif;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}
.cs_nav a h3{
	margin: 5px;
}
.cs_nav a span{
	font-size: 22px;
}

img.cs-nav_img{
	display: block;
	max-width: 280px;
	width: 100%;
	margin-top: 15px;
}

.cs_success p{
	width: 95%;
	line-height: 1.8em;
	margin-bottom: 15px;
}
.cs_info .img{
	text-align: center;
}
.cs_info h2{
	text-transform: uppercase;
}
.cs_info p{
	margin-bottom: 30px;
	&:last-child{
		margin-bottom: 0px;
	}
}

.cs_data{
	h2, ul{
		color: #fff;
	}
}

.cs_conclusion p{
	margin-bottom: 20px;
}
.cs_imax ul{
	list-style-type: disc;
	padding-left: 15px;
	li{
		margin-bottom: 10px;
	}
}

.cs_netflix ul{
	list-style-type: disc;
	padding-left: 15px;
	li{
		margin-bottom: 10px;
	}
}
.contact-section.netflix h2{
	font-size: 32px;
	text-align: center;
	
}
.cs_netflix.cs_full .row.cs_block h2{
	margin-bottom: 30px;
}
.cs_netflix.cs_full .row.cs_block{
	padding: 1rem 0;
	 @media only screen and (min-width: 64.063em) {
		padding: 3.5rem 1rem;
	}
}
.contact-section.netflix h2 p{
	text-transform: none;
	font-size: 20px;
	font-weight: normal;
}

.cs_netflix{
	.contact-section{
		padding: 3rem 0.5rem 5rem;
		 @media only screen and (min-width: 64.063em) {
			 padding: 5rem 4rem 8rem;
		}
	}
}