.wrapper#hero {
	width: 100%;	
}

#hero .hero_content {
 	aspect-ratio: 1410 / 588;         /* keeps the exact shape as it scales down */
 /*	background-image: url(../_img/home/hero_static.jpg);	 */
	 background: #111;
	position: relative;
	background-position: center center;
	background-size: cover;
}

#hero video,
#hero img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;     /* fills area; may crop edges */
  object-position: center;
}



.content figcaption {
	font-size: 0.9em;
	line-height: 1.4;	
	padding-top: 5px;
}

/* second part tweaks */
.grid--g8 .multicol--3-5  .col-1 {
	padding-right: 50px;
}

.grid--g8 .multicol--5-3  .col-2 {
	padding-left: 50px;
}
.grid--g8 .multicol--3-5 .col,
.grid--g8 .multicol--5-3 .col {
	display: flex;
	align-items: center; 
}


/* process */
.wrapper--process_stage .col-1  {
	padding-left: 120px;
	background-repeat: no-repeat;		
}
#process_stage_1 .col-1 {
	background-image: url(../_img/dig_icon.png);
}
#process_stage_2 .col-1 {
	background-image: url(../_img/strategy_icon.png);
}
#process_stage_3 .col-1 {
	background-image: url(../_img/deliver_icon.png);
}
.wrapper--process_stage .col-2  {
	font-size: 0.9em;	
	margin-top: 30px;	
}
.wrapper--process_stage .col-2 .content {
	padding: 20px;
	background-color: var(--dark_blue_10);
	max-width: 270px;
}

@media(max-width: 900px) {
	.grid--g8 .multicol--3-5  .col-1 {
		padding-right: 0;
	}
	.grid--g8 .multicol--5-3  .col-2 {
		padding-left: 0;
	}
}

@media(max-width: 740px) {
	#read_more_how_we_work_button {
		display: none;	
	}
	#how_we_work {
		display: block !important;	
	}
	.wrapper--process_stage .col-1,
	.wrapper--process_stage .col-2 {
		padding-left: 80px;
		background-size: 60px auto;
	}
	.wrapper--process_stage .col-2 {
		margin-top: 0;
	}
	
	.wrapper--discipline .multicol--3-5 {
		grid-template-columns: 3fr 5fr;
	
	}
	.wrapper--discipline .multicol--5-3  {
		grid-template-columns: 5fr 3fr;
	}
	.wrapper--discipline .multicol--3-5 .col,
	.wrapper--discipline .multicol--5-3 .col {
		display: block;
		
	} 

@media(max-width: 600px) {
	#home_intro .multicol  {
		display: block;
	}
	#home_intro .multicol  .col-1 {
		margin-bottom: 30px;	
	}
}

@media(max-width: 540px) {
	
	
}