@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.breadcrumb::before {
    content: '';
    width: 100%;
    height: 500px;
    display: block;
    background: rgba(0,0,0,.5);
    position: absolute;
}
.breadcrumb .thumb-bread .title {
    color: #FFF;
    font-family: 'Roboto' !important;
    font-size: 48px;
    font-weight: 900;
    letter-spacing: 2.4px;
}
.breadcrumb .thumb-bread .map {
    color: #FCBC00;
    font-family: 'Roboto' !important;
    font-size: 20px;
    font-weight: 900;
}
.breadcrumb .thumb-bread .map a {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 900;
}
@media (max-width: 765px) {
    .breadcrumb .thumb-bread .title {
        font-size: 33px;
    }
}