.grid-2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s-12);
}
@media (max-width: 760px){
  .grid-2{grid-template-columns:1fr}
}
.hero{
  display:flex;
  flex-direction:column;
  gap: var(--s-12);
}