table{
}
table#myTable{
    text-align: center ;
    width:initial;
    max-width:360px;
    font-size: calc(80% + 0.20vw) ;
    table-layout:auto;
}
table#myTable th{
    white-space:nowrap;
}
table#myTable td{
    white-space:nowrap;
}

table#myTable td.avg{
	background-color:#FFFFCC;
}
table#myTable td.fo{
	color:#FFFFCC;
}
table#myTable td.st{
	background-color:#FFCC33;
}
table.holder{
	white-space:nowrap;
    max-width: 80vw !important;
    text-align : center !important;
    width:initial;
}
table.holder th {
    min-width:7vh !important;
    text-align : center !important;
	white-space:nowrap !important;
}
table.holder td {
    padding:4px 2px;
}
@media screen and (max-width:700px){
table.holder td{
    padding:8px 2px !important;
}
}
div#dtable{
}
div#main{
    margin:2%;
}
div#date{

}
div#title{
    margin-top:10%;
	clear:both;
}
div#ltitle{
	margin-top:10%;
	clear:both;
}
div.holder {
	clear:both;
	margin-top:4%;
}
@media screen and (max-width:480px){
table#myTable td{
    padding:12px 2px;
}

}