﻿/*horiz1 as spacer only; score2-score8 have fixed height (gradually becoming smaller);
vertA, B, C, D, E are each 20%*/
img.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto
}
.horiz1 {
	order: 5;
	height: 25px;
	width: 100%;
}
.horiz2 {
	order: 6;
}
.horiz3 {
	order: 7;
}
.horiz4 {
	order: 8;
}
.horiz5 {
	order: 9;
}
.horiz6 {
	order: 10;
}
.horiz7 {
	order: 11;
}
.horiz8 {
	order: 12;
}
.score1 {
	order: 13;
	height: auto;
	width: 100%;
}
.score2 {
	order: 14;
	height: auto;
	width: 100%;
}
.score3 {
	order: 15;
	height: auto;
	width: 100%;
}
.score4 {
	order: 16;
	height: auto;
	width: 100%;
}
.horiz9 {
	order: 17;
}
.horiz10 {
	order: 18;
}
.score5 {
	order: 19;
	height: auto;
	width: 100%;
}
.score6 {
	order: 20;
	height: auto;
	width: 100%;
}
.score7 {
	order: 21;
	width: 100%;
}
.horiz11 {
	order: 22;
}
.vertA {
	order: 23;
}
.vertB {
	order: 24;
}
.vertC {
	order: 25;
}
.vertD {
	order: 26;
}
.vertE {
	order: 27;
	padding-bottom: 50px
}
.vertA, .vertB, .vertC, .vertD, .vertE {
	width: 20%;
}
.vertA h2, .vertB h2, .vertC h2, .vertD h2, .vertE h2 {
	font-size: 16px;
	text-align: center;
}
.horiz2, .horiz3, .horiz4, .horiz5, .horiz6, .horiz7, .horiz8, .horiz9, .horiz10, .horiz11  {
	width: 100%;
	text-align: left;
}
.horiz2 h2, .horiz3 h2, .horiz4 h2, .horiz5 h2, .horiz6 h2, .horiz7 h2, .horiz8 h2, .horiz9 h2, .horiz10 h2, .horiz11 h2 {
	text-align: left;
	font-size: 16px;
	padding-left: 150px;
	padding-right: 150px;
	font-weight: 600;
	line-height: 2;
}
.score1, .score2, .score3, .score4, .score5, .score6, .score7 {
	max-width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	height: auto;
}
.score1 h2, .score2 h2, .score3 h2, .score4 h2 {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
}
.score1 img, .score2 img, .score3 img, .score4 img, .score5 img, .score6 img, .score7 img {
	max-width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}



@media screen and (max-width: 1119px) {
.horiz1 {
	height: 15px;
}
.horiz2 h2, .horiz3 h2, .horiz4 h2, .horiz5 h2, .horiz6 h2, .horiz7 h2, .horiz8 h2, .horiz9 h2, .horiz10 h2, .horiz11 h2 {
	font-size: 15px;
	padding-left: 40px;
	padding-right: 40px;
	line-height: 1.5;
}
.score1 h2, .score2 h2, .score3 h2, .score4 h2 {
	font-size: 15px;
}
.vertA {
	width: 18%;
}
.vertB, .vertD {
	width: 20%;
}
.vertC {
	width: 24%;
}
.vertE {
	width: 18%;
}
.vertA h2, .vertB h2, .vertC h2, .vertD h2, .vertE h2 {
	font-size: 15px;
	text-align: center;
}
}
	
	


@media screen and (max-width: 767px) {
.horiz1 {
	height: 0px;
}
.score1 h2, .score2 h2, .score3 h2, .score4 h2 {
	font-size: 14px;
}
.vertA h2, .vertB h2, .vertC h2, .vertD h2, .vertE h2 {
	font-size: 16px;
	text-align: center;
}
.vertA {
	width: 5%;
}
.vertB, .vertD {
	width: 35%;
}
.vertC {
	width: 20%;
}
.vertE {
	width: 5%;
}
.horiz2, .horiz3, .horiz4, .horiz5, .horiz6, .horiz7, .horiz8 {
	width: 100%;
	text-align: left;
}
.horiz2 h2, .horiz3 h2, .horiz4 h2, .horiz5 h2, .horiz6 h2, .horiz7 h2, .horiz8 h2, .horiz9 h2, .horiz10 h2, .horiz11 h2 {
	text-align: left;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.5;
}
.score1 img, .score2 img, .score3 img, .score4 img, .score5 img, .score6 img, .score7 img {
	max-width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}
}



@media screen and (max-width: 666px) {
.horiz1 {
	height: 0px;
}
.horiz2 h2, .horiz3 h2, .horiz4 h2, .horiz5 h2, .horiz6 h2, .horiz7 h2, .horiz8 h2, .horiz9 h2, .horiz10 h2, .horiz11 h2 {
	text-align: left;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 500;
	line-height: 1.5;
}
.score1, .score2, .score3, .score4, .score5, .score6, .score7 {
	height: auto;
	padding-left: 5px;
	padding-right: 5px;
}
.score1 h2, .score2 h2, .score3 h2, .score4 h2 {
	font-size: 10px;
}
.score1 img, .score2 img, .score3 img, .score4 img, .score5 img, .score6 img, .score7 img {
	padding-left: 0px;
	padding-right: 0px;
	height: auto;
}
.vertA {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 0px;
}
.vertB, .vertC, .vertD {
	width: 100%;
	padding-bottom: 0px;
}
.vertE {
	width: 100%;
	padding-bottom: 30px;
}
.vertA h2, .vertB h2, .vertC h2, .vertD h2, .vertE h2 {
	font-size: 14px;
	text-align: center;
}
}