.bg-hero {
  background: #fff;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-mask: radial-gradient(closest-side, #000 65%, transparent), linear-gradient(to right, transparent 20%, #000 20%, #000 80%, transparent 80%);
}
.bg-hero img {
  opacity: 0.2;
}

.bg-hero-logo {
  -webkit-mask: url(../images/hero-logo.svg) center center no-repeat;
  -webkit-mask-size: contain;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhlcm8tbG9nby1zbGlkZXNob3cuc2NzcyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3d3dy9ldmVyeXRoaW5nZWRlbi43LnByb2QuYnViYmxldXAuY29tLmxpdmUvNTgyMDU1L2Zyb250ZW5kL3J1bnRpbWUvdGhlbWVzL2VkZW54bzIwMjIvYXNzZXRzL3N0eWxlc2hlZXRzL192YXJpYWJsZXMuc2NzcyIsImhlcm8tbG9nby1zbGlkZXNob3cuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CRTtFQUNBLGlCQ2JTO0VEY1QsNkJBQUE7VUFBQSxxQkFBQTtFQUNBLG9KQUNBO0NFbkJEO0FGc0JDO0VBQ0UsYUFBQTtDRXBCSDs7QUZ3QkQ7RUFDRSxtRUFBQTtFQUNBLDJCQUFBO0NFckJEIiwiZmlsZSI6Imhlcm8tbG9nby1zbGlkZXNob3cuY3NzIn0= */