:root {
  --color-brand-supplemental: #001f5c;
}


body>.page {
  min-height: 100vh;
  background-color: var(--color-brand-main-contrast) !important;
}

.l-main-nav .box-wc {
  background-color: transparent;
}

.l-main-nav .box-wc  .mlogo {
  display: none !important;
  
}

.mlogo-custom {
  width: 100vw;
  text-align: center;
  background-color: var(--color-brand-supplemental);
}

.mlogo-custom > div {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  background-size: auto 200;
  background-repeat: no-repeat;
  background-position: center center;
  height: 200px;
  width: 100%;
}

.mlogo-custom img {
  height: auto;
  width: 500px;
  max-width: calc(100vw - 40px);
  aspect-ratio: 580 / 170;
}

h1 {
  color: var(--color-brand-supplemental);
}