h2 {
  text-align: center;
  margin-bottom: 3rem;
}

table {
  margin-top: 3rem;
  border-collapse: collapse;
  width: 100%;
}

table caption,
.history-mobile .title {
  font-weight: bold;
  text-align: left;
  margin-bottom: 1rem;
}

table,
td,
th {
  text-align: left;
}

th,
td {
  padding: 4px;
  vertical-align: top;
}

.history-mobile {
  display: none;
  margin-top: 3rem;
}

.item {
  padding: 0.5rem;
}

.label {
  color: var(--bosch-gray-60);
}

@media screen and (max-width: 768px) {
  h1 span {
    font-size: 1.5rem;
  }

  h2 {
    text-align: unset;
  }
}

@media screen and (max-width: 600px) {
  table {
    display: none;
  }

  .history-mobile {
    display: block;
  }
}

@media screen and (max-width: 450px) {
  h1 {
    display: block;
  }
}