.catalogue-compilation {
    overflow: auto;
    display: table;
    padding: 0 15px;
    margin-bottom: 20px;
}
.catalogue-back,
.catalogue-compilation .compilation {
    display: inline-block;
    -webkit-box-shadow: 0 4px 8px 0 rgb(34 60 80 / 20%);
    -moz-box-shadow: 0 4px 8px 0 rgba(34,60,80,.2);
    box-shadow: 0 4px 8px 0 rgb(34 60 80 / 20%);
    -ms-box-shadow: 0 4px 8px 0 rgba(34,60,80,.2);
    -o-box-shadow: 0 4px 8px 0 rgba(34,60,80,.2);
    -khtml-box-shadow: 0 4px 8px 0 rgba(34,60,80,.2);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    margin: 0 5px 11px
}
.compimg{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox; 
    flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
    text-align: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}

.catalogue-compilation:not(.compimg){
    height: 30px;
}
.catalogue-back a,
.catalogue-compilation .compilation a {
    font-size: 13px;
    line-height: 30px;
    text-decoration: none;
    text-align: center;
    color: #858585;
    height: 100%;
    width: 100%;
    display: table
}
.catalogue-compilation:not(.compimg) a{
    padding: 0 15px;
}
.compilation-img{
    background: #fff
}
.catalogue-nav .catalogue-nav-item {
    width: 95px;
    max-width: 95px;
    flex: 0 0 95px;
    height: 120px;
    margin: 2px 5px 15px;
    font-size: 13px;
    color: #858585;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: start;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start
}
.compimg .compilation{
    overflow: hidden;
    max-width: 190px;
    width: 100%;
}
.compimg .compilation img{
    display: table;
    margin: 0 auto;
}
.compimg .compilation span{
    display: block;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 5px 15px;
    height: 100%;
    line-height: 18px;
}
.catalogue-back{
    background: #505050;
    margin-bottom: 20px;
}
.catalogue-back a{
    color:#fff;
}
.catalogue-back:hover{
    background: #fff;
}
.catalogue-compilation:not(.compimg) .compilation:hover{
    background: #505050;
}
.catalogue-back:hover a{
    color:#505050;
}
.catalogue-compilation:not(.compimg) .compilation:hover a{
    color:#fff;
}
.catalogue-compilation.compimg .compilation:hover a span{
    color:#fff;
}
.catalogue-compilation.compimg .compilation:hover span{
    background: #505050;
}