.aud-hero {
	position:relative;
	background:#003366;
	overflow:hidden;
	max-width:1904px;
	margin:0 auto;
}

.aud-hero .container {
	max-width:100%;
}

.aud-hero [class*="grid_"] {
	padding:0;
}

.aud-hero p {
	margin:0;
}

.aud-hero .right {
	text-align:left;
}

.aud-hero .text {
	display:inline-block;
	text-align:left;
	padding-right:20px;
}

.aud-hero h3,
.aud-hero .text {
	position:absolute;
	bottom:10px;
	left:10px;
	color:#fff;
	text-transform:uppercase;
	margin:0;
	z-index:999;
	font-size:1.25rem;
	font-weight:900;
	text-decoration:none;
	line-height:1.3;
}

.aud-hero h3:after,
.aud-hero .text:after {
	content:"";
	width:53px;
	height:3px;
	background:#ed174b;
	display:block;
	margin-top:5px;
}

.aud-hero .grid_6 [class*="grid_"] {
	border-bottom:2px solid #fff;
}

@media only screen and (min-width:30em){
	.aud-hero .grid_6 .grid_6  {
		width:50%;
	}

	.aud-hero .grid_6 [class*="grid_"] {
		border-left:2px solid #fff;
	}

	.aud-hero .grid_6 .block [class*="grid_"] {
		border-bottom:none;
	}	
}

.aud-hero [class*="grid_"] .mosaic:empty {
	display:none;
}

.aud-hero [class*="grid_"] .mosaic a {
	position:relative;
	display:block;
}

.aud-hero [class*="grid_"] .mosaic a:after {
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
}

.aud-hero [class*="grid_"] .mosaic a:hover:after,
.aud-hero [class*="grid_"] .mosaic a:focus:after {
	background:rgba(237,255,36,0.5);
}

.aud-hero .social-icons a {
	width:25%;
	border-left:2px solid #fff;
	background:#003366;
	color:#fff;
	margin:0;
	float:left;
	text-align:center;
	padding:30px;
}

@media only screen and (min-width:48em){
	
	.aud-hero .container {
		/*display:table;
		width:100%;
		table-layout:fixed;
		*/
		display: -webkit-box;
		display: -moz-box;   
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		width: 100%;
	}

	.aud-hero .container > .grid_6 {
		/*display:table-cell;*/
		width:50%;
		float:none;
		vertical-align:top;
	}

	.aud-hero .container > .grid_6.left .block,
	.aud-hero .container > .grid_6.left .block p	{
		position:absolute;
		height:100%;
		width:100%;
	}

	.aud-hero .container > .grid_6.left .block img {
		/*min-height:100% !important;*/
		position:absolute;
		object-fit: cover;
		width: 100%;
	}	
	
	.aud-hero [class*="grid_"] .mosaic .block img{
		max-width:100%; 
		height:auto !important; 
		vertical-align: middle;
	}
	
	.aud-hero .social-icons a {	
		min-height:49px;
		padding:10px;
	}
}

@media only screen and (min-width:60em){
	.aud-hero .social-icons a {	
		padding:20px; 
	}
}

@media only screen and (min-width:80em){
		
	.aud-hero .social-icons a {	
		padding:47px;
		min-height:119px;
	}
	
	.aud-hero h3,
	.aud-hero .text {
		bottom:30px;
		left:40px;
	}
}