.brand-mark {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.brand-mark img {
  display: block;
  width: 44px;
  height: 44px;
  filter: drop-shadow(0 8px 16px rgba(42, 184, 232, .22));
}
.hero {
  position: relative;
  overflow: hidden;
}
.hero-copy, .hero .search { position: relative; z-index: 1; }
.hero-mark {
  position: absolute;
  z-index: 0;
  top: -92px;
  left: 44%;
  width: 360px;
  height: 360px;
  opacity: .055;
  filter: drop-shadow(0 0 60px rgba(66, 232, 197, .5));
  pointer-events: none;
}
@media (max-width: 700px) {
  .brand-mark, .brand-mark img { width: 38px; height: 38px; }
  .hero-mark { left: 40%; width: 260px; height: 260px; }
}