.breadcrumbs {
    margin-top: 20px;
    margin-left: calc(10% + 0.5em);
}

.breadcrumbs a {
    color: #37a4c5;
    text-decoration: underline;
    transition: color .1s;
}

.breadcrumbs a:hover {
    color: #ef5945;
    text-decoration: none;
}

.breadcrumbs > span{
    font-size: 0.8em;
    margin-right: 5px;
    margin-left: 5px;
}

.breadcrumbs > span:first-child {
    margin-left: 0;
}

@media(max-width: 600px) {

    .breadcrumbs {
        margin-left: auto;
        margin-right: auto;
        width: 85%;
    }

}