table{
    font-size: 12px;
    font-family: 'Josefin Sans', sans-serif;
}
td{
    padding-top: 5px;
}
tr td:last-child{
    font-weight: bold;
}

.bronz .block-name{
    margin: 35px 0 0 40px;
    line-height: 40px;
    font-size: 22px;
    color: #5c5a57;
    border-top: #3f3e3c solid 1px;
    border-bottom: #3f3e3c solid 1px;
    text-align: center;
}

.bronz .block-name span{margin-left: -28px}
.bronz table{
    margin: 0px 0 0 45px;
}

.gold .block-name{
    margin: 5px auto 0;
    width: 60%;
    line-height: 40px;
    font-size: 22px;
    color: #3f3e3c;
    border-top: #3f3e3c solid 1px;
    border-bottom: #3f3e3c solid 1px;
    text-align: center;
}

.gold .block-name span{}
.gold table{
    margin: 0px 0 0 30px;
}

.silver .block-name{
    margin: 5px auto 0;
    width: 60%;
    line-height: 40px;
    font-size: 22px;
    color: #51504e;
    border-top: #3f3e3c solid 1px;
    border-bottom: #3f3e3c solid 1px;
    text-align: center;
}

.silver .block-name span{}
.silver table{
    margin: 0px 0 0 30px;
}

.gold .blok{
    padding-top: 40px;
}

.gold table{
    margin: 0px 0 0 50px;
}

.silver .blok{
    padding-top: 30px;
}

.silver table{
    float: right;
    margin-right: 40px;
}




@media only screen and (max-width: 430px) {
    table {
        font-size: 8px;
    }

    .silver table{
        float: right;
        margin-right: 20px;
    }
    .bronz table{
        margin: 10px 0 0 20px;
    }
    .gold table{
        margin: 0px 0 0 30px;
        font-size: 10px;
    }
}

@media only screen and (max-width: 388px) {
    table {
        font-size: 6px;
    }

    .silver table{
        float: right;
        margin-right: 15px;
    }
    .bronz table{
        margin: 10px 0 0 17px;
    }
    .gold table{
        margin: 0px 0 0 30px;
        font-size: 10px;
    }
}