#Layout {
	overflow:hidden;
}
table {
	border-collapse: collapse;
	margin: 15px 0 15px 0;
	width: 100%;
}
td, th {
	border: 1px solid #909090;
	padding: 4px;
	font-weight:normal;
	text-align:center;
}
th {
	font-size: 1.0em;
}
th:last-child{
	font-size: 1.3em;
}
td:last-child{
	text-align:left;
}
td {
	font-size: 1.15em;
}
tr {
	display:flex;
    flex-flow:row wrap;
    width:100%;
}
.header {
	background-color: #B3223C;
	color: #F0F0F0;
	margin-bottom:15px;
}
.ScoresToDate {
	margin-bottom:15px;
	background-color:#E0C932;
}
/* Mobile */

@media only screen and (max-width: 850px){
	th:last-child{
		padding-top:40px;
	}
	td:last-child {
		padding-bottom:30px;
		margin-bottom:30px;
		border-bottom:10px solid #B3223C;
	}
	th > div {
		-webkit-transform: translate(50px 10px) rotate(-90deg);
		-ms-transform: translate(50px 10px) rotate(-90deg);
		-moz-transform: translate(50px 10px) rotate(-90deg);
		-o-transform: translate(50px 10px) rotate(-90deg);
		transform: translate(50px, 10px) rotate(-90deg)  ;
		height:140px;
		text-align:left;
	}
	
}

/* Tablet */
@media only screen and (min-width: 851px) and (max-width: 1099px){
	th:last-child{
		padding-top:40px;
	}
	th > div {
		-webkit-transform: translate(50px 10px) rotate(-90deg);
		-ms-transform: translate(50px 10px) rotate(-90deg);
		-moz-transform: translate(50px 10px) rotate(-90deg);
		-o-transform: translate(50px 10px) rotate(-90deg);
		transform: translate(50px, 10px) rotate(-90deg)  ;
		height:140px;
		text-align:left;
	}
}

/* Desktop */
@media only screen and (min-width: 1100px){
}