.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;
    height: 40px;
}
.player.dark{
    background-color:rgb(33, 160, 212);
}

.col-1 .wrapper{
    height:130px;
}
.col-2 .wrapper{
    height: 260px;
    padding: 73px 0;
 }
.col-3 .wrapper{
    height: 520px;
    padding: 205px 0;
}
.col-4 .wrapper{
    height: 1036px;
    padding: 472px 0;
}
.col-5 .wrapper{
    height: 985px;
    padding: 988px 0;
}
.col-2 .wrapper .col-child ,.col-3 .wrapper .col-child {
    vertical-align: middle;
}

.score{
    color:#646472;
    font-family: 'Helvetica';
    font-size: 12px;
}
.flag img {margin-top: 5px;float:left;padding-right:10px;}
.rank{padding: 0px 0px 0px 5px;}

.fallen{
    display: block;
    padding-top: 7px;
}

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

}