.standings_table {
    width: 70%;
	height: 10%;
	border-spacing: 0px;
	border-collapse: separate;
    border: 2px solid black;
    margin-left: auto;
    margin-right: auto;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}
.standings_table td {
    text-align: center;
	border: 1px solid black;
	margin-top: 5px;
	border-spacing: 0px;
	padding: 10px;
	font-size: 20px;
}
.standings_table th {
    text-align: center;
	margin-top: 5px;
	border: 1px solid black;
	background-color: rgb(147, 196, 125);
    color: rgb(255, 255, 255);
    text-shadow: black 1px 1px 2px;
	font-size: 20px;
	font-style: italic;
	border-spacing: 0px;
}
.standings_table td:nth-child(1) {
    width: 10%;
}
.standings_table td:nth-child(2) {
    width: 40%;
    font-weight: 600;
}
.standings_table td:nth-child(3) {
    width: 25%;
}
.standings_table td:nth-child(4) {
    width: 25%;
}
.standings_table tr:nth-child(even) {
	background-color: rgb(235, 235, 235);
}
.standings_table tr:nth-child(odd) {
	background-color: none;
}
.table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}


@media (max-width: 768px) {

  .standings_table {
    width: auto;
    min-width: 600px; /* allows scroll instead of squish */
    margin: 0 auto;
  }

  .standings_table th {
    font-size: 14px;
    padding: 8px;
  }

  .standings_table td {
    font-size: 14px;
    padding: 8px;
  }

  /* Reduce column emphasis */
  .standings_table td:nth-child(2) {
    font-weight: 600;
  }
}