main {
  font-family:sans-serif;
  font-size:11px;
  padding:0px 10px 0px 10px;;
}

main, ul {
  display:-webkit-flex;
  display:flex;
}

ul {
  -webkit-flex-direction:column;
  flex-direction:column;
  width: 200px;
  list-style:none;
  padding:0;
}

.bye{
-webkit-flex-grow:1;
  flex-grow:1;
  height:140px;
}

.game + li {
  -webkit-flex-grow:1;
  flex-grow:1;
 height:74px;
  
  
  
}

li:first-child,li:last-child {
  -webkit-flex-grow:.5;
  flex-grow:.5;
}

.game {
  padding-left:3px; padding-bottom:2px;
  line-height:.4em;
}

.game-top, .game-lone, .game-bottom {
  border-bottom:2px solid #aaa;
}
.game-lone{width:82%; margin-left:10px;}
.game-bottom, .game-top + li {
  border-right:2px solid #aaa; 
}

.game-top + li {
  display: flex;
  align-items: center;
  justify-content: center;
}


.game-top + li, .finaltext {
  color: #555;
  font-weight: normal;
}

.right .game {
  text-align: right;
  padding-right: 3px;
  padding-left: 0;
}

.right .game-bottom, .right .game-top + li {
  border-left:2px solid #aaa; 
  border-right: 0;
}

.finaltext {
  width: 12%;
  text-align: center;
 margin: 20px 0 0 47px;
  position: absolute;
}

.timetext{

font-size:9px;
}


.champions {
  margin-left:42px;
  width: 13%;
  text-align: center;
  margin-top: 100px;
  position: absolute;
 line-height:1.5em;
  border-bottom:solid #aaa 2px;
 
}

.winner{
 font-size:15px;
  width: 100%;
  text-align: center;
  position: absolute;
  padding-top:4px;
}
.bracket-title{
font-size:25px;
font-weight:bold;
}

 .logo-gen {
 position: absolute;
    top: 125%;
    right: 31%;

}



@media print {
 @page {
      margin: 0cm;
	  size: landscape;
   }
   
    .logo-gen {
    position: absolute;
    top: 93.5%;
    right: 31.5%;
}
}