hr.player-seperation{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    border-top: 1px solid #eee;
}

.header-part{
    background-color: #555;;
    text-align: center;
    color:#FEE200;
}
.header-part p {
    font-size:15px;
    padding:5px 0px;
}
.header-part p a {
    color:#fff; text-decoration:none;
}
.col-child{
    background-color:#DEDEED;
    padding:3px;
    font-size:14px;
}
.col-grid{
    padding:3px;
}
.player{
    background-color:#05719C;
    padding:5px 4px;
    margin:0px 0px 3px 0px;
    color:#fff;
    min-height:24px;
    font-family: 'Helvetica';
    font-size: 12px;
}
.player.dark{
    background-color: rgb(33, 160, 212);
}

.col-1 .wrapper{
    height:170px;
}
.col-2 .wrapper{
    height: 340px;
    padding: 95px 0;
 }
.col-3 .wrapper{
    height: 680px;
    padding: 265px 0;
}
.col-4 .wrapper{
    height: 1360px;
    padding: 605px 0;
}

.col-2 .wrapper .col-child ,.col-3 .wrapper .col-child {
    vertical-align: middle;
}

.score{
    color:#646472;
    font-family: 'Helvetica';
    font-size: 12px;
}
.flag{padding:0px 3px;}
.rank{padding: 0px 0px 0px 5px;}

/*media queries*/
@media(max-width:1199px){
    .col-2,.col-3, .col-4{display:none;}
    .col-2 .wrapper,.col-3 .wrapper, .col-4 .wrapper {
        height:inherit!important;
        padding:1px 0px!important;
    }

}