@media (max-width: 980px){
  .menu{display:none}
  .hero__content{grid-template-columns: 1fr}
  .hero__right{justify-content:flex-start}
  .grid{grid-template-columns: repeat(2, 1fr)}
  .grid--3{grid-template-columns: 1fr}
}

@media (max-width: 560px){
  .rentalForm{grid-template-columns: 1fr}
  .hero{min-height:78vh}
  .cta{flex-direction:column;align-items:flex-start}
  .grid{grid-template-columns: 1fr}
}