.wrapperBh      {
  background-image: url('../images/red-bar.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position:top 30px center;
  overflow:hidden;
  background-color: #fff;
  padding-top: 40px;
}
.wrapperBh p    {line-height:28px; font-size:14px}
.wrapperBh img  {width: 100%; height: auto; }



.textAlignCenter {text-align:center}
.largeFontBH     {font-size:35px;line-height:50px;font-weight:bold; letter-spacing:0px; font-family: "Open Sans","snas-serif"; }



.outerLeftBH {
  display: table;
  width: 38%;
  float:left;
  height:375px;
  margin-bottom:400px;
  padding:0 10px;
}

.outerLeftBH > p {
  display: table-cell;
  vertical-align: middle;
}

.outerLeftBH > h1 {
  display: table-cell;
  vertical-align: middle;
  font-size:28px;
  line-height:47px;
  font-weight:bold;
  letter-spacing:-1px;
  padding:0;
  margin:0;
  text-align:center;
}

.outerRightBH {
  display: table;
  width: 38%;
  float:right;
  height:375px;
  margin-bottom:400px;
  padding:0 10px;
}

.outerRightBH > p {
  display: table-cell;
  vertical-align: middle;
}

.outerRightBH > h1 {
  display: table-cell;
  vertical-align: middle;
  font-size:28px;
  line-height:50px;
  font-weight:bold;
  letter-spacing:-1px;
  padding:0;
  margin:0;
}


.textAlignRight  {text-align:right}
.textAlignRight h1 {text-align:right}

/* FRAME 1 - Logo */
.LogoCenterBh     {margin:0 0 0 0; width:19%; height:25px; float:left;}
.mobileIntroBh  {display:none}
.lastBh { margin-bottom:0px;}

@media only screen and (max-width: 1080px), only screen and (max-device-width: 1080px) {

.wrapperBh  {background-image: url('../images/red-bar3.gif');}

.outerLeftBH {
  height:530px;
}

.outerLeftBH > h1 {
  font-size:28px;
  line-height:37px;
}

.outerRightBH {
  height:530px;
}


.outerRightBH > h1 {
  font-size:28px;
  line-height:37px;
}

.largeFontBH     {font-size:28px;line-height:45px; }

.LogoCenterBh     {width:18%; height:25px; margin-top:75px}

/* Third Party */
.thirdPartyBh img {width:0px;}
}

@media only screen and (max-width: 850px), only screen and (max-device-width: 850px) {

.LogoCenterBh   {width:17%;}

.wrapperBh p    {line-height:24px; font-size:14px}
}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
.wrapperBh      { background-image:none}

.outerLeftBH {
  display: table;
  width: 100%;
  float:left;
  height:100%;
  margin-bottom:10px;
  padding:0;
}

.outerLeftBH > h1 {
  font-size:28px;
  line-height:45px;
}

.noBottomMargin {margin-bottom:0px;}

.outerLeftBH > p {
  line-height:25px;
}

.outerRightBH {
  display: table;
  width: 100%;
  float:left;
  height:100%;
  margin-bottom:150px;
  padding:0;
}

.outerRightBH > h1 {
  font-size:28px;
  line-height:45px;
  text-align:center;
}


.outerRightBH > p {
  line-height:25px;
}


.textAlignRight  h1 {text-align:center}
.textAlignCenter h1 {text-align:center}
.LogoCenterBh     {margin: 0 0 0; width:50%; height:25px; float:left;}
.thirdPartyBh img {width:100%;}
.mainIntroBh   {display:none}
.mobileIntroBh  {display:block; margin-bottom:100px}
.dearFriendsMobile1  { margin-bottom:10px;}


.friendsBH {margin-bottom:10px}


}

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {



}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {


}

@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
}