/* CUSTOM BANNER
***********************************/
.banner-container {
background-color: #f5f5f5;
}

.cb-banner-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  text-align: center;
  padding: 20px 20px;
  box-sizing: border-box;
  min-width: 100%;
background-color: #f5f5f5;
}

.cb-banner-main-logo img {
  max-height: 100px; /* slightly smaller on mobile */
  width: auto;
  display: block;
}

.cb-banner-brand-logos {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns on mobile */
  grid-template-rows: repeat(3, auto);   /* 3 rows on mobile */
  gap: 10px;
  justify-items: center;
  align-items: center;
}

.cb-banner-brand-logos img {
  max-height: 62px; /* 30% larger brand logos */
  width: auto;
  opacity: 0.85;
  transition: opacity 0.3s ease;
    mix-blend-mode: multiply;
}

.cb-banner-brand-logos img.denago-idaho-img {
  max-height: 82px;
mix-blend-mode: inherit;
}

.cb-banner-brand-logos img:hover {
  opacity: 1;
}
@media (min-width: 768px) {
  .cb-banner-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 40px;
    min-width: 768px;
  }

  .cb-banner-main-logo img {
    max-height: 150px; /* main logo twice as big on desktop */
  }

  .cb-banner-brand-logos {
    grid-template-columns: repeat(3, auto); /* 3 columns on desktop */
    grid-template-rows: repeat(2, auto);    /* 2 rows on desktop */
    justify-items: start;
  }
}