.categories {
    margin: 0 auto;
    padding: 32px 0 32px 0;
    width: fit-content;
    display: flex;
    align-items: center;
}
.categories > a {
    color: var(--font);
}
#cat-last {
    margin-right: 0;
}
.active {
    border-bottom: 1px solid var(--font);
}
@media(min-width:1100px) {
    .categories > a {
        font-size: 20px;
        margin-right: 140px;
    }
}
@media(min-width:760px) and (max-width:1099px) {
    .categories > a {
        font-size: 14px;
        margin-right: 48px;
    }
}
@media(max-width:759px) {
    .categories > a {
        font-size: 12px;
        margin-right: 20px;
    }
}