.lpm-hero-element

display: flex

@media (min-width: $breakpoint-sm)
  background-color: $yellow-400
  align-items: center
  height: 486px

@media (max-width: $breakpoint-sm)
  padding-top: 128px
  background-size: auto 128px
  background-repeat: no-repeat
  background-position: 50% 0
  text-align: center

h1
  line-height: 125%
  margin-bottom: 0

h1,
h2,
p
  @media (min-width: $breakpoint-sm)
    color: white