.banner-header {
  border-radius: 12px 12px 0px 0px;  
  height:100%;
}

.banner-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    color: var(--chat-banner-color);
    text-shadow: 0 0 6px var(--chat-banner-shadow);
}



.banner-text h1 { 
  /* font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; */
  font-variant: small-caps;
}
.banner-text h1,
.banner-text h2,
.banner-text h3 {
  margin: 0;      
  color: inherit;
}


/* banner-image is the background image */
.banner-image {
  width: 100%;
  height: 7rem;
  object-fit: cover;
  display: block;
  opacity: 0.65;
}

/* banner-logo is the Ravenbreath Crow image */
.banner-logo {
  opacity: 0.35;
  display: block;
  max-width: 200px;
  max-height: 7rem;
  width: auto;
  height: auto;
  object-fit: contain;
  flex: 0 0 auto;
}