.hero-visual {
  margin: 48px 0 0;
}

.hero-visual img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #243f36;
  box-shadow: 18px 18px 0 #d9ff48;
}

.hero-visual figcaption {
  margin-top: 24px;
  font: 700 11px/1.5 ui-monospace, monospace;
  color: #68746e;
}

@media (max-width: 760px) {
  .hero-visual img {
    box-shadow: 8px 8px 0 #d9ff48;
  }
}