#contentWrapper{ }
#brandsTop h1 { margin: 0 auto; text-align: center}

 #brandsTop  p{ margin: 0 auto; text-align: center; font-size: 16px; color: #222; max-width: 600px;}

/*.screen .about-us #content p{ padding: 0px 300px  0px 0}*/


#introBanner{  background-position:50% 50%; background-size:cover; width:100%;}
.screen #introBanner{ height:400px;}
.mobile #introBanner{ height:200px;}

.introWrap{    background-color:#074157;  }
.screen .introWrap{ width:750px; max-width:100%; margin:-100px auto 50px auto;    padding:40px 160px 80px 160px ;}
.mobile .introWrap{  width:90%;   background-color:#074157; margin:-30px auto 0 auto; padding:40px 20px;}
.introWrap h1{ color:#FFF; text-align:center}
.introWrap p{ color:#FFF; text-align:center; font-size:16px;}
.mobile .introWrap p{  font-size:16px}


.brandsContainer{ margin:0px auto; clear:both; padding:35px  0px 0 0   }
 
.mobile .brandsContainer { padding:40px 0}
.brandsContainer ul{ margin:0px auto; clear:both; width:1140px; max-width:100%;  }
.mobile .brandsContainer ul{ margin:0px auto; clear:both; width:100%; padding:0 30px;  }
.brandsContainerBlue{background-color:#E5EBF3;}
.brandsContainer li{ display:block; width:100%;   padding:30px  0px; }
 

.brandsContainer li span{ display:block;  background-size: contain;  background-repeat:no-repeat; }

.screen .brandsContainer li span{ float: left;height:100px; width:180px;background-position:50% 25% ; }
.mobile .brandsContainer li span{  height:60px; width:220px; margin:5px  0 20px 0;background-position: 0% 25% ; }
 
.screen .brandsContainer li .copyWrap{ float: left; width:650px; padding:0 5px; margin-left:50px;  }
.screen .brandsContainer li .copyWrap p, .screen .brandsContainer li .copyWrap p *{font-size:14px; line-height:1.6em}
.mobile .brandsContainer li .copyWrap p, .mobile .brandsContainer li .copyWrap p *{font-size:14.5px;line-height:1.6em}

.brandsContainer li strong{  display:block;  font-weight: bold; font-size:22px; font-family: "Playfair Display", sans-serif; margin-bottom:5px;}

.brandsContainer li  p.urlWrap{  }	
.screen .brandsContainer li p.urlWrap{ float: right; width:auto}
.screen .brandsContainer li a{ float:right; width:200px;}
.mobile .brandsContainer li a{   margin:30px 0 0 0; display:block; max-width:250px; clear:both }
	
	.brandsContainer hr{ border-bottom:0px solid #e1e1e1; height:30px; } 
		.brandsContainer ul li:last-child hr{ border-color:transparent}
		
		
a.brandsReadMore {
		display:inline-block;  padding:8px 20px; font-size:12px; font-weight:500; border-radius:28px;   color:#fff; text-align:center;
	-webkit-transition:all 0.1s ease-in-out;
-moz-transition:all 0.1s ease-in-out;
-o-transition:all 0.1s ease-in-out;
transition:all 0.1s ease-in-out; min-width:120px;
}
.mobile  a.brandsReadMore { padding:10px 20px;font-size:14px;}		
		
	a.brandsReadMore, strong.brandsReadMore  { border:1px solid #000;  background:#000; color:#FFF; 	}
	a.brandsReadMore:hover, strong.brandsReadMore:hover 	{ 	border:1px solid #000; color:#000; background:#fff}