pseudo element for hexagon

index.css

header.hero h2:before {
  content: " ";
  display: block;
  position: absolute;
  top: 1em;
  bottom: 1em;
  left: 2em;
  right: 2em;
  background: transparent url('/web-resources/hexagon-outline.svg') no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}