.board-container {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

table.board-grid {
  border-spacing: 0;
  padding-top: 30px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.board-piece-container {
  width: 100%;
  display: inherit;
}

.tile-rule-icon {
  width: 25%;
  margin-left: auto;
  margin-right: auto;
}

.tile-rules {
  text-align: center;
}

.tile-promotion-indexes {
  position: absolute;
  font-size: 12px;
  color: black;
  padding-left: 5px;
  top: 0px;
}

.board-tile-rule {
  opacity: 0.5;
}

.board-tile-piece {
  position: absolute;
  top: 0px;
  left: 0px;
}

.board-piece {
  width: 180px;
  margin: 10px 10px 10px 5px;
  background-color: #3a3a3a;
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  border-radius: 8px;
  float: left;
  text-align: center;
}

.board-piece > img {
  width: 25%;
}

.board-title-banner-item {
  margin-left: auto;
  margin-right: auto;
}

.board-tile {
  padding: 0px;
  margin: 0px;
  position: relative;
}

td.tile-size-1 {
  width: 600px;
}

tr.tile-size-1,
img.tile-size-1 {
  height: 600px;
}

td.tile-size-2 {
  width: 300px;
}

tr.tile-size-2,
img.tile-size-2 {
  height: 300px;
}

td.tile-size-3 {
  width: 200px;
}

tr.tile-size-3,
img.tile-size-3 {
  height: 200px;
}

td.tile-size-4 {
  width: 150px;
}

tr.tile-size-4,
img.tile-size-4 {
  height: 150px;
}

td.tile-size-5 {
  width: 120px;
}

tr.tile-size-5,
img.tile-size-5 {
  height: 120px;
}

td.tile-size-6 {
  width: 100px;
}

tr.tile-size-6,
img.tile-size-6 {
  height: 100px;
}

td.tile-size-7 {
  width: 85px;
}

tr.tile-size-7,
img.tile-size-7 {
  height: 85px;
}

td.tile-size-8 {
  width: 75px;
}

tr.tile-size-8,
img.tile-size-8 {
  height: 75px;
}

td.tile-size-9 {
  width: 66px;
}

tr.tile-size-9,
img.tile-size-9 {
  height: 66px;
}

td.tile-size-10 {
  width: 60px;
}

tr.tile-size-10,
img.tile-size-10 {
  height: 60px;
}

td.tile-size-11 {
  width: 54px;
}

tr.tile-size-11,
img.tile-size-11 {
  height: 54px;
}

td.tile-size-12 {
  width: 50px;
}

tr.tile-size-12,
img.tile-size-12 {
  height: 50px;
}

td.tile-size-13 {
  width: 46px;
}

tr.tile-size-13,
img.tile-size-13 {
  height: 46px;
}

td.tile-size-14 {
  width: 42px;
}

tr.tile-size-14,
img.tile-size-14 {
  height: 42px;
}

td.tile-size-15 {
  width: 40px;
}

tr.tile-size-15,
img.tile-size-15 {
  height: 40px;
}

td.tile-size-16 {
  width: 37px;
}

tr.tile-size-16,
img.tile-size-16 {
  height: 37px;
}