#index_grid {
  width: 100%;
  display: grid;
  grid-template-areas:
    "first first second"
    "third fourth fourth"
    "fifth fifth fifth";
  gap: 28px;
}

#index_grid #first {
  grid-area: first;
}

#index_grid #second {
  grid-area: second;
}

#index_grid #third {
  grid-area: third;
}

#index_grid #fourth {
  grid-area: fourth;
}

#index_grid #fifth {
  grid-area: fifth;
}

#index_grid h1 {
  margin-top: 0;
  margin-bottom: 14px;
}

#index_grid h2 {
  margin-top: 0;
  margin-bottom: 25px;
}

@media (max-width: 950px) {
  #index_grid {
    width: 95%;
    grid-template-areas:
      "first"
      "second"
      "third"
      "fourth"
      "fifth"
      "sixth";
  }
}