.step-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: "1fr 1fr 1fr 1fr 1fr";
      grid-template-columns: "1fr 1fr 1fr 1fr 1fr";
  -ms-grid-rows: "1fr 1fr 1fr 1fr 1fr";
      grid-template-rows: "1fr 1fr 1fr 1fr 1fr";
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.step-index,
.step-label {
  justify-items: center;
  text-align: center;
}

.step-index {
  justify-items: center;
  text-align: center;
}

.step-text {
  justify-items: center;
  text-align: center;
  padding: 5px;
  margin: 5px;
  border: 1px solid #000000;
  border-radius: 5px;
  -webkit-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
}

.step-text:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.step-text a {
  text-decoration: none;
  color: #000000;
  width: 100%;
  height: 100%;
  display: inline-block;
}

#step1-index {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1 / 1 / 2 / 2;
}

#step1-label {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2 / 1 / 3 / 2;
}

#step2-index {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1 / 2 / 2 / 3;
}

#step2-label {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2 / 2 / 3 / 3;
}

#step3-index {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 1 / 3 / 2 / 4;
}

#step3-label {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 2 / 3 / 3 / 4;
}

#step4-index {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-area: 1 / 4 / 2 / 5;
}

#step4-label {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-area: 2 / 4 / 3 / 5;
}
/*# sourceMappingURL=header.css.map */