div.top5, div.therest, div.butt {
    text-align: center;
    margin: 10px 2px;
}
div.top5 img {
    width: 19.5%;
    margin: 2px;
}
div.therest img {
    width: 9.5%;
    margin: 2px;
}
div.butt {
    text-align: unset;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 10px auto;
    width: 50%;
}
.butt a {
    flex-grow: 1;
}
.category_vote {
    flex-grow: 5;
    margin-left: 20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.category_vote a{
    background: #1b2d38;
    border: 1px solid #1b2d38;
}
.category_vote a:hover{
    background: #4a5d69;
    border: 1px solid #4a5d69;
}
@media only screen and (max-width: 1200px){
    div.butt {
        width: 90%;
    }
}
@media only screen and (max-width: 790px){
    .category_vote {
        margin-left: 2px;
    }
}
@media only screen and (max-width: 500px){
    div.butt {
        flex-direction: column;
    }
    .category_vote {
        margin: 0;
        flex-direction: column;
    }
    .butt a,
    .category_vote a {
        margin: 10px;
    }
}