@media (max-width: 900px) {
  .hero-content { order: -1; }
  .hero-photo { height: 360px; }
}

@media (max-width: 520px) {
  .hero-content { padding-top: 48px; }
  .hero-photo { height: 300px; }
  .hero h1 { font-size: 40px; }
}