/* Replace the template icon with the supplied Grandex brand mark. */
header a[href="/"] > div:first-child {
  width: 3rem !important;
  height: 3rem !important;
  flex: 0 0 3rem;
  overflow: hidden;
  border-radius: 50%;
  background: #fff url("/assets/grandex-logo-header.png") center / cover no-repeat;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}

header a[href="/"] > div:first-child > * {
  opacity: 0;
}

@media (max-width: 639px) {
  header a[href="/"] > div:first-child {
    width: 2.75rem !important;
    height: 2.75rem !important;
    flex-basis: 2.75rem;
  }
}