.my_breadcrumb {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.my_breadcrumb:before{
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
}
.my_breadcrumb .container{
    position: relative;
    z-index: 1;
}
.my_breadcrumb h1{
    font-family: "Monoton", sans-serif;
    font-size: 60px;
    color: #FFF;
}
.my_breadcrumb a{
    color: #FFF;
    font-family: var(--font_title);
    font-weight: bold;
}
.breadcrumb-item+.breadcrumb-item::before{
    color: #f1f1f1;
}
.breadcrumb-item.active{
    font-family: var(--font_title);
    font-weight: bold;
    color: #CCC;
}