.mrr-breadcrumb {
  position: relative;
  background: linear-gradient(120deg, rgba(15,31,82,0.92), rgba(22,51,122,0.86)), url('../images/breadcrumb-bg.jpg') center/cover no-repeat;
  padding: 120px 0 70px;
  text-align: center;
  overflow: hidden;
}
.mrr-breadcrumb .mrr-motif-ring { width: 240px; height: 240px; right: -80px; top: -80px; border-color: rgba(255,255,255,0.14); }
.mrr-breadcrumb .mrr-eyebrow { justify-content: center; color: var(--mrr-gold-300); }
.mrr-breadcrumb .mrr-eyebrow::before { background: var(--mrr-gold-300); }
.mrr-breadcrumb h1 {
  font-family: var(--mrr-font-display);
  color: #fff;
  font-size: 46px;
  margin-bottom: 14px;
}
.mrr-breadcrumb ol {
  justify-content: center;
  background: none;
  margin: 0;
  padding: 0;
  font-family: var(--mrr-font-body);
}
.mrr-breadcrumb ol .breadcrumb-item, .mrr-breadcrumb ol .breadcrumb-item a { color: rgba(255,255,255,0.72); text-decoration: none; }
.mrr-breadcrumb ol .breadcrumb-item.active { color: var(--mrr-gold-300); }
.mrr-breadcrumb ol .breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,0.5); }

@media (max-width: 767.98px) {
  .mrr-breadcrumb { padding: 100px 0 50px; }
  .mrr-breadcrumb h1 { font-size: 30px; }
}