.secondary-header-branding .container-fluid {background-color: #f7f7f7; padding: 10px 6%; border-bottom: 2px solid #ddd;}
.secondary-header-branding .logo {padding: 0; text-align: right;}
.secondary-header-branding .logo > img {display: inline-block;}
.secondary-header-branding .presented-by {text-align:right; color:#aaa; margin-top:4px;}
.secondary-header-branding .presented-by span {position:relative; right: -30px;}

.secondary-footer-branding .container-fluid.top-rung-color {background-color: #f9f9f9; border-top: 1px solid #ddd;}
.secondary-footer-branding .container-fluid.second-rung-gray {background-color: #f1f1f1; border-top: 1px solid #ddd;}
.secondary-footer-branding .container {padding: 25px 3%;}
.secondary-footer-branding .logo {padding:0px 25px;}

/*--larger medium desktop screens--*/
@media (min-width: 1281px) and (max-width: 1370px) {
  .secondary-header-branding .container-fluid {
      padding: 10px 4% 15px;
  }
  .secondary-header-branding .presented-by {
      margin-top: 0;
  }
  .secondary-header-branding .logo {
      padding: 0 0 0 40px;
  }
}

/*--medium desktop screens--*/
@media (min-width: 992px) and (max-width: 1280px) {
  .secondary-header-branding .container-fluid {
      padding: 10px 2% 15px;
  }
  .secondary-header-branding .presented-by {
      margin-top: 0;
  }
  .secondary-header-branding .logo {
      padding: 0;
  }
}


/*--horizontal tablet screens--*/
@media (min-width: 992px) and (max-width: 1024px) {
  .secondary-header-branding .presented-by {
      margin-top: -2px;
      font-size: 13px;
  }
}


/*--tablet screens--*/
@media (min-width: 768px) and (max-width: 991px) {
  .secondary-header-branding {
      margin-top:95px; 
      margin-bottom: -68px
  }
  .secondary-header-branding .container-fluid {
      padding: 10px 3%;
  }
  .secondary-header-branding .presented-by {
      margin-top: -4px;
      font-size: 12px;
  }
  .secondary-header-branding .logo {
      padding: 0;
  }
  .secondary-header-branding .presented-by span {
      right: -10px;
  }
  .secondary-footer-branding .logo {
    padding: 0 15px;
}
}

/*--phone screens--*/
@media (max-width: 767px) {
  .secondary-header-branding {
      margin-top:83px; 
      margin-bottom: -52px
  }
  .secondary-header-branding .container-fluid {
      padding: 10px 5%;
  }
  .secondary-header-branding .presented-by {
      margin-top: -4px;
      font-size: 12px;
  }
  .secondary-header-branding .logo {
      padding: 0;
  }
  .secondary-footer-branding .logo {
      padding: 15px;
  }
}

@media (max-width: 375px) {
  .secondary-header-branding {
      margin-top:65px; 
      margin-bottom: -52px
  }
  .secondary-header-branding .container-fluid {
      padding: 10px 6%;
  }
  .secondary-header-branding .logo {
      padding: 0;
  }
  .secondary-footer-branding .logo {
      padding: 10px;
  }
}