.steps-container {
  margin-top: 100px;
}

.step {
  display: grid;
  grid-template-rows: 200px 200px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 100px;
}

.step h2 {
  color: white;
}

.step h3 {
  font-size: 3.1em;
  color: white;
  padding: 0;
}

.step p {
  color: white;
}

.item-one {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 6;
  background-color: #9c9c9c;
  margin-top: 60px;
  margin-left: 30px;
  padding: 30px 20%;
  text-align: center;
}

.item-two {
  grid-area: 1 / 1 / 1 / 1;
  display: grid;
  justify-content: center;
  align-items: center;
}

.item-three {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 6;
  background-color: #9c9c9c;
  margin-top: 60px;
  margin-right: 30px;
  padding: 30px 20%;
  text-align: center;
}

.item-four {
  grid-area: 1 / 5 / 1 / 6;
  display: grid;
  justify-content: center;
  align-items: center;
}

/*  ---  Tablet  ---  */

@media(max-width:980px) {
  .step {
    grid-template-rows: 150px auto;
  }
}

/*  ---  Smartphone  ---  */

@media(max-width:480px) {}