.breadcrumbs__container {
    margin: 0 0 1em 0;
    padding: 1px 0;

    list-style: none;

    font-size: 1.2em;
}

/* item */
    .breadcrumbs__item {
        display: inline;
    }

/* link */
    .breadcrumbs__link {
        color: #333;
    }

    .breadcrumbs__link > span {
        box-shadow: 0 1px 0 rgba(0, 0, 0, .15);
    }

    /* hover */
        .breadcrumbs__link:focus,
        .breadcrumbs__link:hover {
            color: #d14c47;
        }

        .breadcrumbs__link:focus > span,
        .breadcrumbs__link:hover > span {
            box-shadow: 0 1px 0 rgba(239, 0, 64, .3);
        }

    /* active*/
        .breadcrumbs__link.active {
            pointer-events: none;

            color: #777 !important;
            box-shadow: none;
        }

/* separators */
    .breadcrumbs__level-separator {
        margin: 0 .2em;

        color: #aaa;
    }

    .breadcrumbs__link-separator {
        margin: 0 .2em 0 -.1em;
    }

@media (min-width: 768px) {
    .breadcrumbs__container {
        font-size: 1.5em;
    }
}

@media (min-width: 1020px) {
    .breadcrumbs__container {
        font-size: 1em;
    }
}