table{
  width:100%;
  table-layout: fixed;
  white-space: normal !important;
}
.tbbot{
	border-collapse:collapse;
	border-radius:1em;
	overflow:hidden;
	box-shadow:1px 1px 10px white;
}
.tbbot td,th{
	font-size:16px;
	padding:.5em;
	background:rgba(0,0,0,0.5);
	border-bottom:2px solid rgba(255,255,255,0.5);
	color: white !important;
	text-shadow: 0px 0px 5px white;
}
.txtshadow{
	text-shadow:3px 3px 10px #404040;
}
.logolive{
	position:absolute;
	width:15% !important;
	top:10%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 75%;
	text-align: center;
	text-shadow:1px 1px 10px #404040;
}
.num{
	font-size:40px;
	font-weight:700;
	color:white;
	position:absolute;
	top:34%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	text-shadow:1px 1px 10px #404040;
}
.psr{
	font-size:26px;
	font-weight:700;
	position:absolute;
	top:10%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
}
.tgl{
	font-size:20px;
	font-weight:700;
	position:absolute;
	top:24%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
}

@media (max-width: 576px) {
.num{
	font-size:calc(0.9rem + 0.4vw) !important;
	top:30% !important;
}
.psr{
	font-size:calc(0.5rem + 0.4vw) !important;
	top:10% !important;
}
.tgl{
	font-size:calc(0.4rem + 0.4vw) !important;
	top:76% !important;
}
}
@media (max-width: 1196px) {
.num{
	font-size:calc(1rem + 0.4vw) ;
	top:30% ;
}
.psr{
	font-size:calc(0.8rem + 0.4vw) ;
	top:10% ;
}
.tgl{
	font-size:calc(0.6rem + 0.4vw) ;
	top:76%;
}
}