section.promo_banner
{
	position: relative;
	color: #f2f2f2;
	display: block;
	margin: 80px auto;
	padding: 30px;
	max-width: 976px;
	width: 90%;
	background: #09172d url(../../../images/slats-blue.png) center center repeat;
	margin-top:120px;
}

section.promo_banner .background
{
	background-clip: content-box;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;

	box-sizing: border-box;
	overflow: hidden;
	position: absolute;
	 top: 0;
	 left: 0;

	height: 100%;
	width: 100%;

	transform: translate(-20px, -20px);
}

section.promo_banner .foreground
{
	position: relative;
	margin: 0 auto;
	max-width: 1176px;
	z-index: 1;
	color: rgba(242, 242, 242, 0.9);
	transform: translate(-20px, -20px);
}

section.promo_banner .foreground:after
{
	content: "";
	display: table;
	clear: both;
}

section.promo_banner .foreground .content h3{font-size: 60px; text-transform: none; font-weight: 600; line-height: 1.067;
	max-width: 400px;}

section.promo_banner .foreground .content
{
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
}

section.promo_banner .foreground .arrow_cta
{
	margin-top: 28px;
}
section.promo_banner .foreground h2
{
	margin-bottom: 30px;
	
}
/*
.is-ie11 section.promo_banner .foreground .content
{
	height: 1px;
}
*/

@media only screen and (max-width: 767px)
{

section.promo_banner {
   	position: relative;
	color: #f2f2f2;
	display: block;
	margin: 80px auto;
	padding: 20px;
	max-width: 626px;
	width: 80%;
	background: #09172d url(../../../images/slats-blue.png) center center repeat;
	margin-top:120px;
	transform: translate(20px, 20px);
}

section.promo_banner .background
{
	background-clip: content-box;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	overflow: hidden;
	position: absolute;
	 top: 0px;
    left: 0x;
	height: 100%;
	width: 100%;
	transform: translate(-20px, -20px);
}

section.promo_banner .foreground h2
{
	margin-bottom: 20px;
	
}

section.promo_banner .foreground,section.promo_banner .background{transform: translate(-20px, -20px);}
section.promo_banner .foreground .content h3 {
    font-size: 30px;
	max-width: 200px;
	 line-height: 1.2;
}
section.promo_banner .foreground .content h2{font-size:20px;}

}




section.promo_banner .foreground .arrow_cta
{
	margin-top: 20px;
	margin-bottom: 20px;
	
	
}
}