@media all and (max-width: 1000px) {
  .maingrid {
    grid-template-columns: 1fr 8fr 1fr;
  }
}
@media all and (max-width: 600px) {
  .grid, .grid_30_70, .grid_50_50 {
    display: flex;
    flex-direction: column;
    max-width: 90vw;
    margin: auto;
  }
  footer { padding: 1rem; font-size: 1rem; }
}

@media all and (max-width: 560px) {
  .promo  { display: none;}
  .menu { margin: 1rem;  display: flex; flex-direction: column;}
  header{ height: auto;}

}