.demo-grid-con {
  max-width: 1160px;
  margin: 0 auto;
}

.demo-grid-con .clear-float {
  display: none;
}

@media (min-width: 768px) {
  .demo-grid-con {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    gap: 0 32px;
    padding: 32px;
  }
  
  .demo-grid-con .text:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  .demo-grid-con .demo-aside {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
  }

  .demo-form-con {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
  }
}