div#banner_spanner
{
  position: relative;
  width: 100%;
  background-color: black;
  margin-bottom: 12px;
}

div#banner
{
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  border: 3px none yellow;
}

div#banner_flexbox
{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  border: 3px none yellow;
}

div#logo_box
{
  position: relative;
  flex: 1 0 15%;
  padding-top: 6%;
  max-width: 12%;
  border: 2px none white;
}

a#logo_image
{
  display: block;
  position: absolute;
  width: 110%;
  height: 200%;
  top: 6%;
  left: 10%;
  background-image: url("./images/raleighfutbol4all_4.png");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 10;
  border: 1px none orange;
}

div#banner_image
{
  flex: 0 1 70%;
  position: relative;
  padding-top: 8%;
  width: 100%;
  background-image: url("/images/banner.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px none red;
}

div#flyout_box
{
  flex: 0 0 6%;
  border: 1px none aqua;
}

@media screen and ( max-width: 799px )
{

  a#logo_image
  {
    top: 0;
    width: 90%;
    height: 160%;
  }
}