div#banner
{
  position: relative;
  padding-top: 15%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

div#banner a#banner_login
{
  display: block;
  position: absolute;
  top: 2px;
  right: 4px;
  color: #bababa;
  font-size: .8em;
  text-decoration: none;
  letter-spacing: .1em;
}

@media screen and ( max-width: 799px )
{
  div#banner a#banner_login { display: none; }  /* should correspond to flyout_menu.css media query */
}

div#inner_banner
{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height:100%;
}

a#logo_box
{
  display: block;
  position: absolute;
  width: 15%;
  padding-top: 15%;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 10;
}

div#inner_banner > div
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
}

div#banner { background-image: url("/images/banner.jpg"); background-size: cover; }
a#logo_box { background-image: url("/images/cch_net_seal_x200.png"); width:12%;  top:12%; left:4%; padding-top:12%; }