.grid {
    display: grid;
    width: 100%;
    grid-auto-rows: auto;
    padding: 2px 0px 0px 0px;
}

.item {
    padding: 5% 10% 0% 10%;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    margin: -10px 0px 10px 0px;
    box-sizing: content-box;
}

.item-info {
    box-sizing: border-box;
    margin: 0px 50% 70px 0px;
}
@media (max-width: 900px) {
  .item {
    padding: 8% 6% 0% 6%;
    margin: 0 0 20px 0;
  }

  .item-info {
    margin: 0 0 40px 0;
  }
}

@media (max-width: 600px) {
  .item {
    padding: 6% 4% 0% 4%;
  }

  .item-info {
    margin: 0 0 30px 0;
  }
}