body {
  overflow: hidden;
}

.demoBox {
  display: grid;
  height: 100vh;
  width: 100vw;
  align-items: start;
  grid-template-columns: 1fr 1fr;
  row-gap: 20px;
}

.demoBox #demoTitle {
  justify-self: center;
  align-self: center;
  grid-column: 1/3;
}

.demoBox .demo_block {
  justify-self: start;
  display: flex;
  min-width: 350px;
  padding: 0 50px;
}

.demo_block ul {
  list-style-type: circle;
  padding: 1px 30px;
}
.demo_block ul a {
  font-size: 15px;
}

.demo_block .demo_block_title {
  font-size: 17px;
  padding: 18px 0;
  font-weight: 600;
}

/* @media (max-width: 1270px) {
  .demoBox {
    grid-template-columns: unset;
  }
} */