// BREADCRUMBS NAV
.breadcrumbs-nav{
    margin: -3rem 0 1.5rem 0;
    color: $main; // for regular text, not anchors

    ul{
        // reset list style
        margin: 0;
        padding: 0;
        list-style: none;

        display: flex;
        flex-wrap: wrap;
    }
    li:not(:last-of-type):after{
        content: '/';
        margin: 0 0.75rem;
        color: $main;
    }

    @include desktop{

        a:hover{
            text-decoration: underline;
        }
    }
}