﻿.bracket-container {
	width: 100%;
	position: relative;
	padding-top: 85%;
}

.bracket-slot {
	width: 6.5%;
	position: absolute;
	padding-top: 6.5%;
	background-color: #999;
	border-radius: 50%;
}
.bracket-slot-content {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.bracket-rank {
	color: #000000;
	font-family: Sintony,Arial,sans-serif;
	font-weight: 700;
	font-size: 16px;
	position: absolute;
}

.series-status {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 14px;
	font-weight: 700;
	position: absolute;
	color:#2787d7;
}

.center-logo-container {
	position: absolute;
	width: 31%;
	padding-top: 31%;
}

.center-logo {
	position: absolute;
	top: 0;
	height: 80%;
	padding-left:10%
}

/*
@media (max-width:1199px) {
	.series-status,
	.bracket-rank {
		display:none;
	}
}
*/

@media screen and (max-width: 1199px) {
	.bracket-rank {
		font-size: 14px;
	}
	.series-status {
		font-size: 12px;
	}
}

@media screen and (max-width: 991px) {
	.bracket-rank {
		font-size: 13px;
	}
	.series-status {
		font-size: 11px;
	}
}

@media screen and (max-width: 767px) {
	.bracket-rank {
		font-size: 12px;
	}
	.series-status{
		font-size: 10px;
	}
}

@media screen and (max-width: 650px) {
	.bracket-rank {
		font-size: 11px;
	}

	.series-status {
		font-size: 9px;
	}
}

@media screen and (max-width: 550px) {
	.bracket-rank {
		font-size: 10px;
	}	
	.series-status {
		font-size: 8px;
	}
}

@media screen and (max-width: 450px) {
	.bracket-rank {
		font-size: 8px;
	}
	.series-status {
		font-size: 6px;
	}
}

@media screen and (max-width: 350px) {
	.bracket-rank {
		font-size: 7px;
	}
	.series-status {
		font-size: 5px;
	}
}

.bracket-slot.atlantic,
.bracket-slot.eastern.round-4 {
	-webkit-transform: translate(50%,-50%);
	transform: translate(50%,-50%);
}

.bracket-slot.metropolitan {
	-webkit-transform: translate(50%,50%);
	transform: translate(50%,50%);
}

.bracket-slot.central,
.bracket-slot.western.round-4,
.bracket-slot.round-4-winner,
.center-logo-container {
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.bracket-slot.pacific {
	-webkit-transform: translate(-50%,50%);
	transform: translate(-50%,50%);
}

.series-status.central,
.series-status.western.round-3,
.bracket-rank.central {
	-webkit-transform: translate(-100%,-50%);
	transform: translate(-100%,-50%);
}

.series-status.pacific,
.bracket-rank.pacific {
	-webkit-transform: translate(-100%,50%);
	transform: translate(-100%,50%);
}

.series-status.atlantic,
.series-status.eastern.round-3,
.bracket-rank.atlantic {
	-webkit-transform: translate(100%,-50%);
	transform: translate(100%,-50%);
}

.series-status.metropolitan,
.bracket-rank.metropolitan {
	-webkit-transform: translate(100%,50%);
	transform: translate(100%,50%);
}

.series-status.round-4 {
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.bracket-slot.eastern.round-1 {
	right: 9%;
}

.bracket-slot.western.round-1 {
	left: 9%;
}

.bracket-slot.eastern.round-2 {
	right: 19%;
}

.bracket-slot.western.round-2 {
	left: 19%;
}

.bracket-slot.eastern.round-3 {
	right: 31%;
}
.bracket-slot.western.round-3 {
	left: 31%;
}

.bracket-slot.eastern.round-4 {
	right: 43%;
}

.bracket-slot.western.round-4 {
	left: 43%;
}

.bracket-slot.round-4-winner {
	left: 50%;
}

.series-status.eastern.round-1 {
	right: 12%;
}

.series-status.western.round-1 {
	left: 12%;
}

.series-status.eastern.round-2 {
	right: 23.5%;
}

.series-status.western.round-2 {
	left: 23.5%;
}

.series-status.eastern.round-3 {
	right: 35%;
}

.series-status.western.round-3 {
	left: 35%;
}

.series-status.round-4 {
	left: 50%;
}

.bracket-rank.eastern {
	right: 5%;
}

.bracket-rank.western {
	left: 5%;
}

.center-logo-container {
	left: 50%;
}

.bracket-slot.central.round-1.rank-1,
.bracket-slot.atlantic.round-1.rank-1,
.bracket-rank.central.rank-1,
.bracket-rank.atlantic.rank-1 {
	top: 7%;
}

.bracket-slot.central.round-1.rank-wc,
.bracket-slot.atlantic.round-1.rank-wc,
.bracket-rank.central.rank-wc,
.bracket-rank.atlantic.rank-wc {
	top: 20%;
}

.bracket-slot.central.round-1.rank-2,
.bracket-slot.atlantic.round-1.rank-2,
.bracket-rank.central.rank-2,
.bracket-rank.atlantic.rank-2 {
	top: 30%;
}

.bracket-slot.central.round-1.rank-3,
.bracket-slot.atlantic.round-1.rank-3,
.bracket-rank.central.rank-3,
.bracket-rank.atlantic.rank-3 {
	top: 43%;
}

.bracket-slot.pacific.round-1.rank-1,
.bracket-slot.metropolitan.round-1.rank-1,
.bracket-rank.pacific.rank-1,
.bracket-rank.metropolitan.rank-1 {
	bottom: 43%;
}

.bracket-slot.pacific.round-1.rank-wc,
.bracket-slot.metropolitan.round-1.rank-wc,
.bracket-rank.pacific.rank-wc,
.bracket-rank.metropolitan.rank-wc {
	bottom: 30%;
}

.bracket-slot.pacific.round-1.rank-2,
.bracket-slot.metropolitan.round-1.rank-2,
.bracket-rank.pacific.rank-2,
.bracket-rank.metropolitan.rank-2 {
	bottom: 20%;
}

.bracket-slot.pacific.round-1.rank-3,
.bracket-slot.metropolitan.round-1.rank-3,
.bracket-rank.pacific.rank-3,
.bracket-rank.metropolitan.rank-3 {
	bottom: 7%;
}

.bracket-slot.central.round-2.team-upper,
.bracket-slot.atlantic.round-2.team-upper {
	top: 13.5%;
}

.bracket-slot.central.round-2.team-lower,
.bracket-slot.atlantic.round-2.team-lower {
	top: 36.5%;
	
}

.bracket-slot.pacific.round-2.team-upper,
.bracket-slot.metropolitan.round-2.team-upper {
	bottom: 36.5%;
}

.bracket-slot.pacific.round-2.team-lower,
.bracket-slot.metropolitan.round-2.team-lower {
	bottom: 13.5%;
}

.bracket-slot.central.round-3,
.bracket-slot.atlantic.round-3 {
	top: 25%;
}

.bracket-slot.pacific.round-3,
.bracket-slot.metropolitan.round-3 {
	bottom: 25%;
}

.bracket-slot.round-4 {
	top: 50%;
}

.bracket-slot.round-4-winner {
	top: 76%;
}

.series-status.central.round-1.series-top,
.series-status.atlantic.round-1.series-top {
	top: 13.5%;
}

.series-status.central.round-1.series-bottom,
.series-status.atlantic.round-1.series-bottom {
	top: 36.5%;
}

.series-status.pacific.round-1.series-top,
.series-status.metropolitan.round-1.series-top {
	bottom: 36.5%;
}

.series-status.pacific.round-1.series-bottom,
.series-status.metropolitan.round-1.series-bottom {
	bottom: 13.5%;
}

.series-status.central.round-2,
.series-status.atlantic.round-2 {
	top: 25%;
}

.series-status.pacific.round-2,
.series-status.metropolitan.round-2 {
	bottom: 25%;
}

.series-status.eastern.round-3,
.series-status.western.round-3 {
	top: 50%;
}

.series-status.round-4 {
	top: 82%;
}

.center-logo-container {
	top: 19%;
}

.bracket-box {
	border-style: solid;
	border-color: #999;
	position: absolute;
}

.bracket-box.western {
	border-width: 2px 2px 2px 0;
}

.bracket-box.eastern {
	border-width: 2px 0 2px 2px;
}

.bracket-box.western.round-4,
.bracket-box.eastern.round-4 {
	border-width: 2px 0 0 0;
}

@media (max-width:799px) {
	.bracket-box.western {
		border-width: 1px 1px 1px 0;
	}
	
	.bracket-box.eastern {
		border-width: 1px 0 1px 1px;
	}
	
	.bracket-box.western.round-4,
	.bracket-box.eastern.round-4 {
		border-width: 1px 0 0 0;
	}
}

.bracket-box.round-1 {
	height: 13%;
	width: 4.5%;
}

.bracket-box.western.round-1 {
	left: 9%;
}

.bracket-box.eastern.round-1 {
	right: 9%;
}

.bracket-box.division-upper.matchup-upper.round-1 {
	top: 7%;
}

.bracket-box.division-upper.matchup-lower.round-1 {
	top: 30%;
}

.bracket-box.division-lower.matchup-upper.round-1 {
	bottom: 30%;
}

.bracket-box.division-lower.matchup-lower.round-1 {
	bottom: 7%;
}

.bracket-box.round-2 {
	height: 23%;
	width: 11.5%; /*11.5%;*/
}

.bracket-box.western.round-2 {
	left: 13.5%; /*13.5%;*/
}

.bracket-box.eastern.round-2 {
	right: 13.5%; /*13.5%;*/
}

.bracket-box.western.division-upper.round-2 {
	top: 13.5%;
}

.bracket-box.western.division-lower.round-2 {
	bottom: 13.5%;
}

.bracket-box.eastern.division-upper.round-2 {
	top: 13.5%;
}

.bracket-box.eastern.division-lower.round-2 {
	bottom: 13.5%;
}

.bracket-box.round-3 {
	height: 50%;
	top: 25%;
	width: 12%;
}

.bracket-box.western.round-3 {
	left: 25%;
}

.bracket-box.eastern.round-3 {
	right: 25%;
}

.bracket-box.round-4 {
	height: 0;
	width: 6%;
	top: 50%;
}

.bracket-box.western.round-4 {
	left: 37%;
}

.bracket-box.eastern.round-4 {
	right: 37%;
}

.logo-round-team {
	background-size: 70%;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
}

.logo-bg--team-REV {
	background-color: #ce1126;
	background-image: url(images/LogoTeams/Pro/1.svg);
}
.logo-bg--team-FRE {
	background-color: #003893;
	background-image: url(images/LogoTeams/Pro/2.svg);
}
.logo-bg--team-WOL {
	background-color: #0038a8;
	background-image: url(images/LogoTeams/Pro/3.svg);
}
.logo-bg--team-THU {
	background-color: #f74902;
	background-image: url(images/LogoTeams/Pro/4.svg);
}
.logo-bg--team-LYN {
	background-color: #111;
	background-image: url(images/LogoTeams/Pro/5.svg);
}
.logo-bg--team-MOU {
	background-color: #111;
	background-image: url(images/LogoTeams/Pro/6.svg);
}
.logo-bg--team-HEL {
	background-color: #002654;
	background-image: url(images/LogoTeams/Pro/7.svg);
}
.logo-bg--team-MAV {
	background-color: #af1e2d;
	background-image: url(images/LogoTeams/Pro/8.svg);
}
.logo-bg--team-MUS {
	background-color: #ce1126;
	background-image: url(images/LogoTeams/Pro/9.svg);
}
.logo-bg--team-STO {
	background-color: #002868;
	background-image:url(images/LogoTeams/Pro/10.svg);}
.logo-bg--team-TRA {
	background-color: #ce1126;
	background-image: url(images/LogoTeams/Pro/11.svg);
}
.logo-bg--team-BRA {
	background-color: #002654;
 background-image: url(images/LogoTeams/Pro/12.svg);
}
.logo-bg--team-BIS {
	background-color: #002868;
	background-image: url(images/LogoTeams/Pro/13.svg);
}
.logo-bg--team-ROC {
	background-color: #ce1126;
	background-image: url(images/LogoTeams/Pro/14.svg);
}
.logo-bg--team-GWS {
	background-color: #ce1126;
	background-image: url(images/LogoTeams/Pro/15.svg);
}
.logo-bg--team-MET {
	background-color: #ce1126;
	background-image: url(images/LogoTeams/Pro/16.svg);
}
.logo-bg--team-JAG {
	background-color: #fcb514;
	background-image: url(images/LogoTeams/Pro/17.svg);
}
.logo-bg--team-SLA {
	background-color: #002654;
	background-image: url(images/LogoTeams/Pro/18.svg);
}
.logo-bg--team-DRA {
	background-color: #ce1126;
	background-image:url(images/LogoTeams/Pro/19.svg);}
.logo-bg--team-KNI {
	background-color: #75263d;
	background-image: url(images/LogoTeams/Pro/20.svg);
}
.logo-bg--team-CRU {
	background-color: #00205B;
	background-image:url(images/LogoTeams/Pro/21.svg);
	}
.logo-bg--team-BUT {
	background-color: #002868;
	background-image: url(images/LogoTeams/Pro/22.svg);
}
.logo-bg--team-GRI {
	background-color: #111;
	background-image: url(images/LogoTeams/Pro/23.svg);
}
.logo-bg--team-AVG {
	background-color: #006847;
	background-image: url(images/LogoTeams/Pro/24.svg);
}
.logo-bg--team-BFT {
	background-color: #111;
	background-image: url(images/LogoTeams/Pro/25.svg);
}
.logo-bg--team-HIT {
	background-color: #006d75;
	background-image: url(images/LogoTeams/Pro/26.svg);
}
.logo-bg--team-RIN {
	background-color: #002654;
	background-image: url(images/LogoTeams/Pro/27.svg);
}
.logo-bg--team-TIT {
	background-color: #af1e2d;
	background-image: url(images/LogoTeams/Pro/28.svg);
}
.logo-bg--team-SLO {
	background-color: #002654;
	background-image: url(images/LogoTeams/Farm/1.svg);
}
.logo-bg--team-NIN {
	background-color: #8c2633;
	background-image: url(images/LogoTeams/Farm/2.svg);
}
.logo-bg--team-JWO {
	background-color: #000;
	background-image: url(images/LogoTeams/Farm/3.svg);
}
.logo-bg--team-BUL {
	background-color: #000;
	background-image: url(images/LogoTeams/Farm/4.svg);
}
.logo-bg--team-VIK {
	background-color: #000;
	background-image:url(images/LogoTeams/Farm/5.svg);
}.logo-bg--team-OHS {
	background-color: #000;
	background-image:url(images/LogoTeams/Farm/6.svg);
}.logo-bg--team-SAI {
	background-color: #000;
	background-image:url(images/LogoTeams/Farm/7.svg);
}.logo-bg--team-DEV {
	background-color: #000;
	background-image:url(images/LogoTeams/Farm/8.svg);
}.logo-bg--team-EAG {
	background-color: #000;
	background-image:url(images/LogoTeams/Farm/9.svg);
}.logo-bg--team-THC {
	background-color: #000;
	background-image:url(images/LogoTeams/Farm/10.svg);
}.logo-bg--team-BAS {
	background-color: #000;
	background-image:url(images/LogoTeams/Farm/11.svg);
}.logo-bg--team-JBR {
	background-color: #000;
	background-image:url(images/LogoTeams/Farm/12.svg);
}.logo-bg--team-SQU {
	background-color: #041E42;
	background-image:url(images/LogoTeams/Farm/13.svg);
}.logo-bg--team-PUN {
	background-color: #00428d;
	background-image:url(images/LogoTeams/Farm/14.svg);
}.logo-bg--team-MON {
	background-color: #c00;
	background-image:url(images/LogoTeams/Farm/15.svg);
}.logo-bg--team-BKS {
	background-color: #000;
	background-image:url(images/LogoTeams/Farm/16.svg);
}.logo-bg--team-SPA {
	background-color: #041761;
	background-image:url(images/LogoTeams/Farm/17.svg);
}.logo-bg--team-CHE {
	background-color: #041E42;
	background-image:url(images/LogoTeams/Farm/18.svg);
}.logo-bg--team-VIK {
	background-color: #fff;
	background-image:url(images/LogoTeams/Farm/19.svg);
}.logo-bg--team-KAN {
	background-color: #003f7e;
	background-image:url(images/LogoTeams/Farm/20.svg);
}.logo-bg--team-CHI {
	background-color: #CE1126;
	background-image:url(images/LogoTeams/Farm/21.svg);
}.logo-bg--team-BAR {
	background-color: #b3b8bc;
	background-image:url(images/LogoTeams/Farm/22.svg);
}.logo-bg--team-SEN {
	background-color: #04512d;
	background-image:url(images/LogoTeams/Farm/23.svg);
}.logo-bg--team-PIM {
	background-color: #000;
	background-image:url(images/LogoTeams/Farm/24.svg);
}.logo-bg--team-WPK {
	background-color: #000;
	background-image:url(images/LogoTeams/Farm/25.svg);
}.logo-bg--team-ASS {
	background-color: #001d75;
	background-image:url(images/LogoTeams/Farm/26.svg);
}.logo-bg--team-BOO {
	background-color: #000;
	background-image:url(images/LogoTeams/Farm/27.svg);
}.logo-bg--team-CAN {
	background-color: #fa4616;
	background-image:url(images/LogoTeams/Farm/28.svg);
}.logo-bg--team-tex {
	background-color: #006847;
	background-image:url(/images/LogoTeams/Farm/12.svg);
}.logo-bg--team-wbs {
	background-color: #000;
	background-image:url(/images/LogoTeams/Farm/5.svg);
}.logo-bg--team-lev {
	background-color: #000;
	background-image:url(/images/LogoTeams/Farm/7.svg);
}.logo-bg--team-mar {
	background-color: #fff;
	background-image:url(/images/LogoTeams/Farm/3.svg);
}
.logo-bg--team-syr {
	background-color: #003e7e;
	background-image:url(/images/LogoTeams/Farm/29.svg);
}



