input.splitter {
  text-align: center;
  width: 8em;
  margin: 0 0.25em;
}

.grid-container {
  display: grid;

  /* Grid Container */
  grid-template-rows: repeat(5, 1 fr);
  grid-template-columns: repeat(2, 1 fr);
  justify-items: center;
}

.currency-platinum {
  /* Grid Item */
  grid-column-start: 2;
  grid-row-start: 1;
  justify-self: left;
}

.currency-gold {
  /* Grid Item */
  grid-column-start: 2;
  grid-row-start: 2;
  justify-self: left;
}

.currency-electrum {
  /* Grid Item */
  grid-column-start: 2;
  grid-row-start: 3;
  justify-self: left;
}

.currency-silver {
  /* Grid Item */
  grid-column-start: 2;
  grid-row-start: 4;
  justify-self: left;
}

.currency-copper {
  /* Grid Item */
  grid-column-start: 2;
  grid-row-start: 5;
  justify-self: left;
}

#leftPlatinum,
#playerPlatinum,
#rewardPlatinum {
  /* Grid Item */
  grid-column-start: 1;
  grid-row-start: 1;
}

#leftGold,
#playerGold,
#rewardGold {
  /* Grid Item */
  grid-column-start: 1;
  grid-row-start: 2;
}

#leftElectrum,
#playerElectrum,
#rewardElectrum {
  /* Grid Item */
  grid-column-start: 1;
  grid-row-start: 3;
}

#leftSilver,
#playerSilver,
#rewardSilver {
  /* Grid Item */
  grid-column-start: 1;
  grid-row-start: 4;
}

#leftCopper,
#playerCopper,
#rewardCopper {
  /* Grid Item */
  grid-column-start: 1;
  grid-row-start: 5;
}

@media only screen and (min-width: 769px) {
  .grid-container {
    /* Grid Container */
    grid-template-rows: repeat(2, auto);
    grid-template-columns: repeat(5, 1fr);
  }

  .currency-platinum {
    /* Grid Item */
    grid-column-start: 1;
    grid-row-start: 1;
    justify-self: center;
  }

  .currency-gold {
    /* Grid Item */
    grid-column-start: 2;
    grid-row-start: 1;
    justify-self: center;
  }

  .currency-electrum {
    /* Grid Item */
    grid-column-start: 3;
    grid-row-start: 1;
    justify-self: center;
  }

  .currency-silver {
    /* Grid Item */
    grid-column-start: 4;
    grid-row-start: 1;
    justify-self: center;
  }

  .currency-copper {
    /* Grid Item */
    grid-column-start: 5;
    grid-row-start: 1;
    justify-self: center;
  }

  #leftPlatinum,
  #playerPlatinum,
  #rewardPlatinum {
    /* Grid Item */
    grid-column-start: 1;
    grid-row-start: 2;
  }

  #leftGold,
  #playerGold,
  #rewardGold {
    /* Grid Item */
    grid-column-start: 2;
    grid-row-start: 2;
  }

  #leftElectrum,
  #playerElectrum,
  #rewardElectrum {
    /* Grid Item */
    grid-column-start: 3;
    grid-row-start: 2;
  }

  #leftSilver,
  #playerSilver,
  #rewardSilver {
    /* Grid Item */
    grid-column-start: 4;
    grid-row-start: 2;
  }

  #leftCopper,
  #playerCopper,
  #rewardCopper {
    /* Grid Item */
    grid-column-start: 5;
    grid-row-start: 2;
  }
}