.header .brand,
.footer .brand {
  display: block;
  width: 190px;
  height: 58px;
  flex: 0 0 190px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

.header .brand { background-image: url("/assets/images/brand/campvora-header-light.png"); }
.footer .brand { background-image: url("/assets/images/brand/campvora-header-dark.png"); }
.header .brand > *, .footer .brand > * { display: none; }

@media (max-width: 560px) {
  .header .brand, .footer .brand { width: 158px; flex-basis: 158px; height: 52px; }
}