#container-bracket { 
    display: inline-block;
    float: left;
}
section-bracket { height: 100%; float: left;}
section-bracket > div { 
    width: 100%; 
    height: 40px; 
    border:0;
	border-radius:5px;
    margin: 5px 0; 
    background: #850000; 
    color: white; 
    padding: 0 10px;
	font-size:11px;
	line-height:18px;
}
section-bracket > div:nth-child(2n) { margin-bottom: 15px;}
.single > div {line-height:40px !important;}
.connecter-bracket { width: 10px; height: 520px; float: left;}
.line-bracket { width: 10px; height: 520px; float: left; }
.score {
	display:inline-table;
	float:right; 
	font-weight:900; 
	font-family: "Oswald",sans-serif; 
	background:#212121; 
	padding:0 10px; 
	margin-left:10px;
}

#phase4 .score {
	color:#ffffff;
}

.double {margin-top: -17px;padding: 10px;}
.single { line-height:40px !important;}
.lvl { float:left; height:100%; line-height:40px; padding-right:10px;}
.winner { box-shadow: 0px 0px 5px #FF0; outline:2px solid #FF0; }
.winner:hover { box-shadow: 0px 0px 5px #FF0; outline:2px solid #FF0; }

.player { line-height:18px;float:left;text-align:left;}

#phase2 > div {margin-top:60px; background:#212121;}
#phase2 > div:first-child {margin-top:30px;}

#phase3 > div {margin-top:160px;}
#phase3 > div:first-child {margin-top:80px;}

#phase4 > div {margin-top:360px; background:#e6f200; color:#212121;}
#phase4 > div:first-child {margin-top:180px;}

#phase5 > div {margin-top:749px;}
#phase5 > div:first-child {margin-top:400px;}

#phase6 > div {margin-top:1540px;}
#phase6 > div:first-child {margin-top:800px;}

#phase7 > div {margin-top:2000px;background:url #212121;}
#phase7 > div:first-child {margin-top:1580px;}

#phase1.connecter-bracket div:first-child { margin: 25px 0 0 1px; }
#phase1.connecter-bracket div { 
    border: 1px solid #000; 
    border-left: none; 
    height: 46px; 
    width: 100%; 
    margin: 54px 0 0 1px;
}

#phase2.connecter-bracket div:first-child { margin: 50px 0 0 1px;}
#phase2.connecter-bracket div { 
    border: 1px solid #000; 
    border-left: none; 
    height: 100px; 
    width: 100%; 
    margin: 100px 0 0 1px;
	background:none;
	
	
}

#phase3.connecter-bracket div:first-child { margin: 100px 0 0 0;}
#phase3.connecter-bracket div { 
    border: 1px solid #000; 
    border-left: none; 
    height: 200px; 
    width: 100%; 
    margin: 200px 0 0 0;
	background:none;
}

#phase4.connecter-bracket div:first-child { margin: 200px 0 0 0;}
#phase4.connecter-bracket div { 
    border: 1px solid #000; 
    border-left: none; 
    height: 400px; 
    width: 100%; 
    margin: 400px 0 0 0;
	background:none;
}

#phase5.connecter-bracket div:first-child { margin: 420px 0 0 0;}
#phase5.connecter-bracket div { 
    border: 1px solid #000; 
    border-left: none; 
    height: 790px; 
    width: 100%; 
    margin: 789px 0 0 0;
	background:none;
}

#phase6.connecter-bracket div:first-child { margin: 820px 0 0 0;}
#phase6.connecter-bracket div { 
    border: 1px solid #000; 
    border-left: none; 
    height: 1582px; 
    width: 100%; 
    margin: 800px 0 0 0;
	background:none;
}

#phase1.line-bracket div:first-child { margin-top: 48px; }
#phase1.line-bracket div { border-top: 1px solid #000; margin: 99px 0 0 1px; }

#phase2.line-bracket div:first-child { margin-top: 100px; }
#phase2.line-bracket div { border-top: 1px solid #000; margin: 199px 0 0 1px; }


#phase3.line-bracket div:first-child { margin-top: 200px; }
#phase3.line-bracket div { border-top: 1px solid #000; margin: 399px 0 0 0; }

#phase4.line-bracket div:first-child { margin-top: 420px; }
#phase4.line-bracket div { border-top: 1px solid #000; margin: 788px 0 0 0; }

#phase5.line-bracket div:first-child { margin-top: 820px; }
#phase5.line-bracket div { border-top: 1px solid #000; margin: 1578px 0 0 0; }

#phase6.line-bracket div:first-child { margin-top: 1600px; }
#phase6.line-bracket div { border-top: 1px solid #000; margin: 788px 0 0 0; }

.printno { visibility:hidden;}

.tourwinner { font-weight:bold;background:#212121 url(../images/winner-icon.png) no-repeat center right; }

@media screen and (min-width: 981px) and (max-width: 1099px) {
section-bracket > div {font-size: 9px;height: 40px;line-height: 18px;}
section-bracket > div {height: 30px;}
.double {padding: 8px;margin-top: -14px;}
.player {line-height: 14px;}
.single {line-height: 30px !important;}
.single > div {line-height: 30px !important;}
.lvl {line-height: 30px;}
section-bracket > div {line-height: 14px;}

#phase1.connecter-bracket div:first-child {margin: 19px 0 0 1px;}
#phase1.connecter-bracket div {height: 38px;margin: 42px 0 0 1px;}
#phase1.line-bracket div:first-child {margin-top: 37px;}
#phase1.line-bracket div {margin: 79px 0 0 1px;}

#phase2 > div:first-child {margin-top: 23px;}
#phase2 > div {margin-top: 50px;}
#phase2.connecter-bracket div:first-child {margin: 38px 0 0 1px;}
#phase2.connecter-bracket div {height: 82px;margin: 78px 0 0 1px;}
#phase2.line-bracket div:first-child {margin-top: 80px;}
#phase2.line-bracket div {margin: 159px 0 0 1px;}

#phase3 > div:first-child {margin-top: 66px;}
#phase3 > div {margin-top: 130px;}
#phase3.connecter-bracket div:first-child {margin: 80px 0 0;}
#phase3.connecter-bracket div {height: 161px;margin: 159px 0 0;}
#phase3.line-bracket div:first-child {margin-top: 158px;}
#phase3.line-bracket div {margin: 318px 0 0;}

#phase4 > div:first-child {margin-top: 145px;}
#phase4 > div {margin-top: 289px;}
#phase4.connecter-bracket div:first-child {margin: 160px 0 0;}
#phase4.connecter-bracket div {height: 320px;margin: 318px 0 0;}
#phase4.line-bracket div:first-child {margin-top: 316px;}
#phase4.line-bracket div {margin: 640px 0 0;}

#phase5 > div:first-child {margin-top: 302px;}
#phase5 > div {margin-top: 610px;}
#phase5.connecter-bracket div:first-child {margin: 317px 0 0;}
#phase5.connecter-bracket div {height: 641px;margin: 639px 0 0;}
#phase5.line-bracket div:first-child {margin-top: 638px;}
#phase5.line-bracket div {margin: 1278px 0 0;}

#phase6 > div:first-child {margin-top: 623px;}
#phase6 > div {margin-top: 1250px;}
#phase6.connecter-bracket div:first-child {margin: 637px 0 0;}
#phase6.connecter-bracket div {height: 1282px;margin: 800px 0 0;}
#phase6.line-bracket div:first-child {margin-top: 1272px;}

#phase7 > div:first-child {margin-top: 1259px;}

}

@media screen and (max-width: 980px) {
section-bracket > div {font-size: 9px;height: 40px;line-height: 18px;}
section-bracket > div {height: 30px;}
.double {padding: 8px;margin-top: -14px;}
.player {line-height: 14px;}
.single {line-height: 30px !important;}
.single > div {line-height: 30px !important;}
.lvl {line-height: 30px;}
section-bracket > div {line-height: 14px;}

#phase1.connecter-bracket div:first-child {margin: 19px 0 0 1px;}
#phase1.connecter-bracket div {height: 38px;margin: 42px 0 0 1px;}
#phase1.line-bracket div:first-child {margin-top: 37px;}
#phase1.line-bracket div {margin: 79px 0 0 1px;}

#phase2 > div:first-child {margin-top: 23px;}
#phase2 > div {margin-top: 50px;}
#phase2.connecter-bracket div:first-child {margin: 38px 0 0 1px;}
#phase2.connecter-bracket div {height: 82px;margin: 78px 0 0 1px;}
#phase2.line-bracket div:first-child {margin-top: 80px;}
#phase2.line-bracket div {margin: 159px 0 0 1px;}

#phase3 > div:first-child {margin-top: 66px;}
#phase3 > div {margin-top: 130px;}
#phase3.connecter-bracket div:first-child {margin: 80px 0 0;}
#phase3.connecter-bracket div {height: 161px;margin: 159px 0 0;}
#phase3.line-bracket div:first-child {margin-top: 158px;}
#phase3.line-bracket div {margin: 318px 0 0;}

#phase4 > div:first-child {margin-top: 145px;}
#phase4 > div {margin-top: 289px;}
#phase4.connecter-bracket div:first-child {margin: 160px 0 0;}
#phase4.connecter-bracket div {height: 320px;margin: 318px 0 0;}
#phase4.line-bracket div:first-child {margin-top: 316px;}
#phase4.line-bracket div {margin: 640px 0 0;}

#phase5 > div:first-child {margin-top: 302px;}
#phase5 > div {margin-top: 610px;}
#phase5.connecter-bracket div:first-child {margin: 317px 0 0;}
#phase5.connecter-bracket div {height: 641px;margin: 639px 0 0;}
#phase5.line-bracket div:first-child {margin-top: 638px;}
#phase5.line-bracket div {margin: 1278px 0 0;}

#phase6 > div:first-child {margin-top: 623px;}
#phase6 > div {margin-top: 1250px;}
#phase6.connecter-bracket div:first-child {margin: 637px 0 0;}
#phase6.connecter-bracket div {height: 1282px;margin: 800px 0 0;}
#phase6.line-bracket div:first-child {margin-top: 1272px;}

#phase7 > div:first-child {margin-top: 1259px;}	
	
}

@media screen and (max-width: 400px) {
section-bracket > div {font-size: 9px;height: 40px;line-height: 18px;}
section-bracket > div {height: 30px;}
.double {padding: 8px;margin-top: -14px;}
.player {line-height: 14px;}
.single {line-height: 30px !important;}
.single > div {line-height: 30px !important;}
.lvl {line-height: 30px;}
section-bracket > div {line-height: 14px;}

#phase1.connecter-bracket div:first-child {margin: 19px 0 0 1px;}
#phase1.connecter-bracket div {height: 38px;margin: 42px 0 0 1px;}
#phase1.line-bracket div:first-child {margin-top: 37px;}
#phase1.line-bracket div {margin: 79px 0 0 1px;}

#phase2 > div:first-child {margin-top: 23px;}
#phase2 > div {margin-top: 50px;}
#phase2.connecter-bracket div:first-child {margin: 38px 0 0 1px;}
#phase2.connecter-bracket div {height: 82px;margin: 78px 0 0 1px;}
#phase2.line-bracket div:first-child {margin-top: 80px;}
#phase2.line-bracket div {margin: 159px 0 0 1px;}

#phase3 > div:first-child {margin-top: 66px;}
#phase3 > div {margin-top: 130px;}
#phase3.connecter-bracket div:first-child {margin: 80px 0 0;}
#phase3.connecter-bracket div {height: 161px;margin: 159px 0 0;}
#phase3.line-bracket div:first-child {margin-top: 158px;}
#phase3.line-bracket div {margin: 318px 0 0;}

#phase4 > div:first-child {margin-top: 145px;}
#phase4 > div {margin-top: 289px;}
#phase4.connecter-bracket div:first-child {margin: 160px 0 0;}
#phase4.connecter-bracket div {height: 320px;margin: 318px 0 0;}
#phase4.line-bracket div:first-child {margin-top: 316px;}
#phase4.line-bracket div {margin: 640px 0 0;}

#phase5 > div:first-child {margin-top: 302px;}
#phase5 > div {margin-top: 610px;}
#phase5.connecter-bracket div:first-child {margin: 317px 0 0;}
#phase5.connecter-bracket div {height: 641px;margin: 639px 0 0;}
#phase5.line-bracket div:first-child {margin-top: 638px;}
#phase5.line-bracket div {margin: 1278px 0 0;}

#phase6 > div:first-child {margin-top: 623px;}
#phase6 > div {margin-top: 1250px;}
#phase6.connecter-bracket div:first-child {margin: 637px 0 0;}
#phase6.connecter-bracket div {height: 1282px;margin: 800px 0 0;}
#phase6.line-bracket div:first-child {margin-top: 1272px;}

#phase7 > div:first-child {margin-top: 1259px;}	
	
}