body {
  font-family: var(--default-font);
  background-color: var(--background-color);
  color: var(--default-color);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

main iframe {
  width: 100%;
  height: 1200px;
  border: none;
}

.breadcrumb {
  --bs-breadcrumb-bg: #f5f5f5;
  --bs-breadcrumb-padding-x: 15px;
  --bs-breadcrumb-padding-y: 10px;
}

.breadcrumb > li {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.breadcrumb-item a {
    color: #337ab7;
}

.breadcrumb > .active a {
    color: #777777 !important;
}

@media (min-width: 768px) {
    .breadcrumb > li {
        max-width: 300px;
    }
}