#breadcrumb { 
    margin-bottom: var(--breadcrumb-margin-bottom);
    color: var(--breadcrumb-color);
} 

#breadcrumb span {
    font-size: var(--breadcrumb-font-size);
    font-weight: var(--breadcrumb-font-weight);
    font-family: var(--breadcrumb-font-family);
}

#breadcrumb h6 {
    border-bottom: var(--breadcrumb-heading-border);
    font-size: var(--breadcrumb-heading-font-size);
    font-weight: var(--breadcrumb-heading-font-weight);
}

#breadcrumb a {
    color: inherit;
    text-decoration: none;
    font-weight: var(--breadcrumb-link-font-weight);
}

#breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a:active {
    color: inherit;
    text-decoration: none;
}

@media (max-width: 576px) {
    #breadcrumb span {
        font-size: var(--breadcrumb-font-size-mobile);
    }

    #breadcrumb h6 {
        font-size: var(--breadcrumb-heading-font-size-mobile);
    }

    #breadcrumb { 
        margin-top: var(--breadcrumb-margin-top-mobile);
        margin-bottom: var(--breadcrumb-margin-bottom-mobile);
    } 
}