.bracket {
    display:flex;
    flex-direction:row;
}
.bracket .round {
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:200px;
    list-style:none;
    padding:0;
}
.bracket .round .spacer{ flex-grow:1; }
.bracket .round .spacer:first-child,
.bracket .round .spacer:last-child{ flex-grow:.5; }

.bracket .round .game-spacer{
    flex-grow:1;
}

.small-bracket 
{
    position: relative;
    top:-100px;
    left:400px;
}

/*
 *  General Styles
 */
.bracket {
    font-family:sans-serif;
    font-size:small;
    padding:10px;
    line-height:1.4em;
}

li.game{
    padding-left:0px;
    text-align: left;
    display: inline;
}

li.game.winner{
    font-weight:bold;
}

li.game span:nth-child(1) {
    display: inline-block;
    position: relative;
    min-width: 20px;
    top: -5px;
    text-align: center;
}

li.game span:nth-child(2) {
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 5px;
}

li.game span:nth-child(3){
    margin-left: 5px;
    float:right;
}

li.game-top{ border-bottom:1px solid #aaa; }

li.game-spacer{ 
    border-right:1px solid #aaa;
    min-height:40px;
}

li.game-bottom{ 
    border-top:1px solid #aaa;
}