.breadcrumb {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1rem;
    padding: 1rem 2.5%;
}

    @media (min-width: 1280px) {
.breadcrumb {
        padding: 1rem
}
    }

    .breadcrumb ol {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .breadcrumb ol li {

            margin-bottom: var(--space-md);
            position: relative;
            font-size: var(--step-0);
            font-family: var(--sans-serif);
            font-weight: var(--regular-weight);
            display: inline;
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

    .breadcrumb ol li a {
                font-size: var(--step-0);
                color: var(--text-black);
                text-decoration: none;
 
            }

    .breadcrumb ol li:last-child a {
                    color: revert;
                }

    .breadcrumb ol li:not(:first-child):before {
                    content: "\BB ";
                }