table{
  width:100%;
  table-layout: fixed;
}
.tbl-ld-header{
  background-color: #000;
  border-radius:5px;
  margin-top: 1%;
  text-shadow: #EEEE00 0 0 5px;
 }
.tbl-ld-content {
  background-color: transparent;
  border: solid 2px lightgrey;
  box-shadow:0px 0px 10px black;
}
.tbl-ld-content td {
  border: solid 1px lightgrey;
}
.tbl-pred-header{
  background-color: rgb(15,15,15,0.8);
  border-radius:5px;
  border: solid 2px lightgrey;
  margin-top: 1%;
 }
.tbl-pred-header th{
  font-size: calc(1.275rem + 0.3vw);
 }
.tbl-pred-content {
  background-color: rgb(15,15,15,0.8);
  border: solid 2px lightgrey;
  border-radius:5px;
}
.tbl-pred-content td {
  border:none;
  color:#fff;
  text-shadow:1px 1px 5px black;
  font-size:14px;
}
.tbl-header{
  background-color: #f19d61;
  border-radius:5px;
 }
.tbl-content{
  margin-top: 0px;
  border-radius:5px;
}
.firstres{
  background-color: #eec096;
}
.secres{
  background-color: #e8ad82;
}
.thirdres{
  background-color: #d38f60;
}
th{
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
}
td{
  padding: 5px;
  text-align: center;
  vertical-align:middle;
  font-weight: 700;
  font-size: 16px;
  color: #000;
  border-bottom: solid 1px rgba(255,255,255,0.5);
  text-shadow:0px 0px 5px white;
}
@media (max-width: 576px) {
	th{
	  font-size: 16px !important;
	}
	td{
	  font-size: 14px !important;
	  word-wrap: break-word;
	}
}
@media (max-width: 768px) {
	th{
	  font-size: 20px;
	}
	td{
	  font-size: 16px;
	  word-wrap: break-word;
	}
}