.headerImageWide{
	width: 100%;
	clear: both;
	height: auto;
	margin: 46px auto 0 auto;
	background-color: #01215e;
	background-image: url('../images2024/headerGirlMobile.jpg');
	background-image: url('../images2024/bgBGnoGirlNewBlue.jpg');
        background-position: center; /* Center the background image */
        background-attachment: fixed; /* Make the background image fixed */
	background-repeat: repeat;
	background-size: cover; 
	display: inline-block;
	padding:20px 0;
}

.clientsHeader{
	margin:0!important;
	position: relative;
	padding-bottom:360px;
}

.clientsNavContainer{

}

@media screen and (min-width: 768px) {
	.headerImageWide{
		/*background-image: url('../images2024/bgBGnoGirl.jpg');*/
		background-image: url('../images2024/bgBGnoGirlNewBlue.jpg');
        background-position: bottom center; /* Center the background image */
        background-attachment: fixed; /* Make the background image fixed */
        /*background-size: contain;*/
        background-repeat: no-repeat;
	}

}




.desktopBannerContainer{
	max-width:1000px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}


.headerImage{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}

.headerImage img{
	width: 100%;
	margin: 0 auto;
}

img{
	display: inline;
	vertical-align: top;
}

.midBanner{
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
	/*background-image: url('../images/headerImageMiddle.jpg');*/
	background-repeat: no-repeat;
  	background-position: center top ; 
  	background-size: auto 100%;
	display: block;
	float: left;
}


.midBanner h1{
	float: left;
	color: #fff;
	font-size: 20px;
	margin: 4% 0 4% 0;
	text-transform: uppercase;
	width: 90%;
	line-height: 26px
}

.midBanner p{
	clear: both;
	float: left;
	color: #fff;
	font-size: 10px;
	margin:0 0 5% 0;
	text-transform: uppercase;
	width: 90%;

}

@media screen and (min-width: 480px) {
	.midBanner{
		background-size:100% auto ;
	}

}

@media screen and (min-width: 680px) {
	.midBanner{
		background-size: 100% auto ;
	}
	.midBanner h1{
		font-size: 30px;
		margin: 4% 0 4% 0;
		line-height: 34px
	}

	.midBanner p{
		font-size: 16px;
		margin:0 0 5% 0;
	}
}


@media screen and (min-width: 768px) {
	.headerImageWide{
		margin: 78px auto 0 auto;
	}

}



@media screen and (min-width: 900px) {
	.midBanner h1{
		float: left;
		color: #fff;
		font-size: 42px;
		margin: 4% 0 4% 0;
		text-transform: uppercase;
		width: 600px;
		line-height: 40px
	}

	.midBanner p{
		float: left;
		color: #fff;
		font-size: 20px;
		margin:0 0 6% 0;
		text-transform: uppercase;
		width: 100%;

	}
}


.desktopBanner{
	display: none;
}

@media screen and (min-width: 1400px) {
	.desktopBanner{
		display: flex;
	}
	.midBanner{
		display: none;
	}
}


.topLeft{
	width: 240px;
	float: left;
}
.topMiddle{
	width: 870px;
	float: left;
}
.topRight{
	width: 240px;
	float: left;
}

.headerBannerText{
	/*position: absolute;*/
	width: 700px;
	height: auto;
	/*left: 14.6%;*/
}

.headerBannerText h1{
	float: left;
	color: #fff;
	font-size: 42px;
	margin:60px 0 40px 0;
	text-transform: uppercase;
	width: 100%;
	line-height: 44px
}

.headerBannerText p{
	float: left;
	color: #fff;
	font-size: 20px;
	margin-bottom: 56px;
	text-transform: uppercase;
	width: 100%;

}