.iconCounters {
    width: 100%;
    height: 130px;
    background-color: white;
}

.iconCounters__item, .iconCounters__item--active {
    height: 130px;
    display: inline-block;
    padding: 0.3rem;
    vertical-align: top;
    cursor: pointer;
}

.iconCounters__item:hover {
    background-color: #EEE;
}

.iconCounters__item--active {
    background-color: #DDD;
}

.iconCounters__item * {
    pointer-events: none;
}

.iconCounters__icon {
    width: 100%;
    height: calc(50px - .1rem);
    display: block;
    text-align: center;
    font-size: 2.3rem;
    line-height: calc(50px - .1rem);
}

.iconCounters__name {
    width: 100%;
    display: block;
    height: calc(30px - .1rem);
    line-height: calc(30px - .1rem);
    text-align: center;
    font-size: 1rem;
    font-weight: 800;
}

.iconCounters__count {
    width: 100%;
    display: block;
    height: calc(50px - .1rem);
    line-height: calc(45px - .1rem);
    text-align: center;
    font-weight: 900;
    font-size: 1.9rem;
    text-shadow: .1rem .1rem .1rem black;
}

@media (max-width: 991px) {
    .iconCounters {
        height: 100px;
    }

    .iconCounters__item {
        height: 100px;
        overflow-x: scroll;
    }

    .iconCounters__icon {
        height: calc(38.46px - .1rem);
        line-height: calc(38.46px - .1rem);
    }

    .iconCounters__name {
        height: calc(23.07px - .1rem);
        line-height: calc(23.07px - .1rem);
    }

    .iconCounters__count {
        height: calc(34.62px - .1rem);
        line-height: calc(34.62px - .1rem);
    }
}