section[id="topscorer.view"]{
	display:grid;
	grid-gap:10px;
	margin:10px;
}

#topscorerParagraph{
	float:left;
	clear:left;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	background:rgba(255, 255, 255, 0.75);
	border:1px solid #f00;
	color:#000;
	text-align:center;
}

#tournamentLink{
	float:left;
	clear:left;
	font-size:1.2rem;
}

@media only screen and (min-width:1800px){
	body{
		grid-template-columns: repeat(8, 1fr);
	}
	header{
		grid-column:1/9;
		grid-row:1;
	}
	#topscorerParagraph,
	#squadAvailability{
		grid-column:1/9;
		grid-row:2;
	}
	table:nth-of-type(1){
		grid-column:1;
		grid-row:3;
	}
	table:nth-of-type(2){
		grid-column:2;
		grid-row:3;
	}
	table:nth-of-type(3){
		grid-column:3;
		grid-row:3;
	}
	table:nth-of-type(4){
		grid-column:4;
		grid-row:3;
	}
	table:nth-of-type(5){
		grid-column:5;
		grid-row:3;
	}
	table:nth-of-type(6){
		grid-column:6;
		grid-row:3;
	}
	table:nth-of-type(7){
		grid-column:7;
		grid-row:3;
	}
	table:nth-of-type(8){
		grid-column:8;
		grid-row:3;
	}
	table:nth-of-type(9){
		grid-column:1;
		grid-row:4;
	}
	table:nth-of-type(10){
		grid-column:2;
		grid-row:4;
	}
	table:nth-of-type(11){
		grid-column:3;
		grid-row:4;
	}
	table:nth-of-type(12){
		grid-column:4;
		grid-row:4;
	}
	table:nth-of-type(13){
		grid-column:5;
		grid-row:4;
	}
	table:nth-of-type(14){
		grid-column:6;
		grid-row:4;
	}
	table:nth-of-type(15){
		grid-column:7;
		grid-row:4;
	}
	table:nth-of-type(16){
		grid-column:8;
		grid-row:4;
	}
	table:nth-of-type(17){
		grid-column:1;
		grid-row:5;
	}
	table:nth-of-type(18){
		grid-column:2;
		grid-row:5;
	}
	table:nth-of-type(19){
		grid-column:3;
		grid-row:5;
	}
	table:nth-of-type(20){
		grid-column:4;
		grid-row:5;
	}
	table:nth-of-type(21){
		grid-column:5;
		grid-row:5;
	}
	table:nth-of-type(22){
		grid-column:6;
		grid-row:5;
	}
	table:nth-of-type(23){
		grid-column:7;
		grid-row:5;
	}
	table:nth-of-type(24){
		grid-column:8;
		grid-row:5;
	}
	table:nth-of-type(25){
		grid-column:1;
		grid-row:6;
	}
	table:nth-of-type(26){
		grid-column:2;
		grid-row:6;
	}
	table:nth-of-type(27){
		grid-column:3;
		grid-row:6;
	}
	table:nth-of-type(28){
		grid-column:4;
		grid-row:6;
	}
	table:nth-of-type(29){
		grid-column:5;
		grid-row:6;
	}
	table:nth-of-type(30){
		grid-column:6;
		grid-row:6;
	}
	table:nth-of-type(31){
		grid-column:7;
		grid-row:6;
	}
	table:nth-of-type(32){
		grid-column:8;
		grid-row:6;
	}
	footer{
		grid-column:1/9;
		grid-row:7;
	}

}
@media only screen and (min-width:900px) and (max-width:1800px){
	body{
		grid-template-columns: repeat(4, 1fr);
	}
	header{
		grid-column:1/5;
		grid-row:1;
	}
	#topscorerParagraph,
	#squadAvailability{
		grid-column:1/5;
		grid-row:2;
	}
	table:nth-of-type(1){
		grid-column:1;
		grid-row:3;
	}
	table:nth-of-type(2){
		grid-column:2;
		grid-row:3;
	}
	table:nth-of-type(3){
		grid-column:3;
		grid-row:3;
	}
	table:nth-of-type(4){
		grid-column:4;
		grid-row:3;
	}
	table:nth-of-type(5){
		grid-column:1;
		grid-row:4;
	}
	table:nth-of-type(6){
		grid-column:2;
		grid-row:4;
	}
	table:nth-of-type(7){
		grid-column:3;
		grid-row:4;
	}
	table:nth-of-type(8){
		grid-column:4;
		grid-row:4;
	}
	table:nth-of-type(9){
		grid-column:1;
		grid-row:5;
	}
	table:nth-of-type(10){
		grid-column:2;
		grid-row:5;
	}
	table:nth-of-type(11){
		grid-column:3;
		grid-row:5;
	}
	table:nth-of-type(12){
		grid-column:4;
		grid-row:5;
	}
	table:nth-of-type(13){
		grid-column:1;
		grid-row:6;
	}
	table:nth-of-type(14){
		grid-column:2;
		grid-row:6;
	}
	table:nth-of-type(15){
		grid-column:3;
		grid-row:6;
	}
	table:nth-of-type(16){
		grid-column:4;
		grid-row:6;
	}
	table:nth-of-type(17){
		grid-column:1;
		grid-row:7;
	}
	table:nth-of-type(18){
		grid-column:2;
		grid-row:7;
	}
	table:nth-of-type(19){
		grid-column:3;
		grid-row:7;
	}
	table:nth-of-type(20){
		grid-column:4;
		grid-row:7;
	}
	table:nth-of-type(21){
		grid-column:1;
		grid-row:8;
	}
	table:nth-of-type(22){
		grid-column:2;
		grid-row:8;
	}
	table:nth-of-type(23){
		grid-column:3;
		grid-row:8;
	}
	table:nth-of-type(24){
		grid-column:4;
		grid-row:8;
	}
	table:nth-of-type(25){
		grid-column:1;
		grid-row:9;
	}
	table:nth-of-type(26){
		grid-column:2;
		grid-row:9;
	}
	table:nth-of-type(27){
		grid-column:3;
		grid-row:9;
	}
	table:nth-of-type(28){
		grid-column:4;
		grid-row:9;
	}
	table:nth-of-type(29){
		grid-column:1;
		grid-row:10;
	}
	table:nth-of-type(30){
		grid-column:2;
		grid-row:10;
	}
	table:nth-of-type(31){
		grid-column:3;
		grid-row:10;
	}
	table:nth-of-type(32){
		grid-column:4;
		grid-row:10;
	}
	footer{
		grid-column:1/5;
		grid-row:11;
	}
}

@media only screen and (max-width:900px){
	body{
		grid-template-columns: repeat(2, 1fr);
	}
	header{
		grid-column:1/3;
		grid-row:1;
	}
	#topscorerParagraph,
	#squadAvailability{
		grid-column:1/3;
		grid-row:2;
	}
	table:nth-of-type(1){
		grid-column:1;
		grid-row:3;
	}
	table:nth-of-type(2){
		grid-column:2;
		grid-row:3;
	}
	table:nth-of-type(3){
		grid-column:1;
		grid-row:4;
	}
	table:nth-of-type(4){
		grid-column:2;
		grid-row:4;
	}
	table:nth-of-type(5){
		grid-column:1;
		grid-row:5;
	}
	table:nth-of-type(6){
		grid-column:2;
		grid-row:5;
	}
	table:nth-of-type(7){
		grid-column:1;
		grid-row:6;
	}
	table:nth-of-type(8){
		grid-column:2;
		grid-row:6;
	}
	table:nth-of-type(9){
		grid-column:1;
		grid-row:7;
	}
	table:nth-of-type(10){
		grid-column:2;
		grid-row:7;
	}
	table:nth-of-type(11){
		grid-column:1;
		grid-row:8;
	}
	table:nth-of-type(12){
		grid-column:2;
		grid-row:8;
	}
	table:nth-of-type(13){
		grid-column:1;
		grid-row:9;
	}
	table:nth-of-type(14){
		grid-column:2;
		grid-row:9;
	}
	table:nth-of-type(15){
		grid-column:1;
		grid-row:10;
	}
	table:nth-of-type(16){
		grid-column:2;
		grid-row:10;
	}
	table:nth-of-type(17){
		grid-column:1;
		grid-row:11;
	}
	table:nth-of-type(18){
		grid-column:2;
		grid-row:11;
	}
	table:nth-of-type(19){
		grid-column:1;
		grid-row:12;
	}
	table:nth-of-type(20){
		grid-column:2;
		grid-row:12;
	}
	table:nth-of-type(21){
		grid-column:1;
		grid-row:13;
	}
	table:nth-of-type(22){
		grid-column:2;
		grid-row:13;
	}
	table:nth-of-type(23){
		grid-column:1;
		grid-row:14;
	}
	table:nth-of-type(24){
		grid-column:2;
		grid-row:14;
	}
	table:nth-of-type(25){
		grid-column:1;
		grid-row:15;
	}
	table:nth-of-type(26){
		grid-column:2;
		grid-row:15;
	}
	table:nth-of-type(27){
		grid-column:1;
		grid-row:16;
	}
	table:nth-of-type(28){
		grid-column:2;
		grid-row:16;
	}
	table:nth-of-type(29){
		grid-column:1;
		grid-row:17;
	}
	table:nth-of-type(30){
		grid-column:2;
		grid-row:17;
	}
	table:nth-of-type(31){
		grid-column:1;
		grid-row:18;
	}
	table:nth-of-type(32){
		grid-column:2;
		grid-row:18;
	}
	footer{
		grid-column:1/3;
		grid-row:19;
	}
}

table{
	border:1px solid #ccc;
	border-collapse:collapse;
	width:100%
}

table>caption{
	background:rgba(255, 255, 255, 0.90);
}

table>thead,
table>tbody{
	font-size:12px;
	white-space:nowrap;
}
table>thead>tr,
table>tbody>tr{
	border-bottom:1px solid #ccc;
	line-height:25px;
}
table>thead>tr>th{
	background:rgba(255, 255, 255, 0.90);
}
table>tbody>tr:nth-child(odd){
	background:rgba(255, 255, 255, 0.80);
	border-bottom:1px solid #ccc;
}
table>tbody>tr:nth-child(even){
	background:rgba(255, 255, 255, 0.85);
	border-bottom:1px solid #ccc;
}
table>thead>tr>th{
	text-align:left;
}
table>tbody>tr>td{
	overflow:hidden;
	text-overflow:ellipsis;
}
table>tbody>tr>td>input{
	margin:0;
}
table>tbody>tr>td>label{
	display:inline-block;
	width:100%;
	height:100%;
}

#squadAvailability{
	width:100%;
	background:rgba(0, 0, 0, 0.75);
	color:#fff;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
}