.content-area {
  width: 98%;
  height: 100%;

  display: flex;
  flex-direction: column;

  /* border: 3px solid blue; */
}

.header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

h1 {
  margin-top: 1.0rem;
  margin-bottom: 0.5rem;
}

h3 {
  margin-top: 0;
  margin-bottom: 0.2rem;
}

.tariff-grid {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(24, auto);
  grid-template-columns: repeat(4, max-content);
  justify-content: space-around;
  gap: 0.3rem;
}

.tariff-grid p {
  font-size: 1.2rem;
  margin: 0;
}