@media (min-width: 768px) and (max-width: 980px) and (orientation: landscape) and (max-height: 600px) {
  .home-page {
    --footer-height: 5.5rem;
  }

  .home-screen .hero {
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    align-items: center;
    padding-top: 4.5rem;
  }

  .home-screen .values-list {
    justify-self: end;
    align-self: center;
  }

  .home-page .site-footer__inner {
    padding-block: 0.65rem;
  }
}