:root {
  --cassiopeia-color-primary: #007850;
  --cassiopeia-color-link: #b43264;
  --link-color: #b43264 !important;
  --link-color-rgb: 180, 50, 100 !important;
  --cassiopeia-color-hover: #00b464;
  --body-bg: #24262d !important;
  --body-color: white !important;
}

.container-header {
  background: var(--cassiopeia-color-primary) url(../../images/container-header-bgr-w576.jpg) center center no-repeat !important;
  height: 130px;
}

@media (width > 576px) {
  .container-header {
    background-image: url(../../images/container-header-bgr-w768.jpg) !important;
  }
}

@media (width > 768px) {
  .container-header {
    background-image: url(../../images/container-header-bgr-w992.jpg) !important;
  }
}

@media (width > 992px) {
  .container-header {
    background-image: url(../../images/container-header-bgr-w1200.jpg) !important;
  }
}

@media (width > 1200px) {
  .container-header {
    background-image: url(../../images/container-header-bgr-w2560.jpg) !important;
  }
}


@media (width > 2560px) {
  .container-header {
    background-size: cover !important;
  }
}

.container-header .grid-child {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.breadcrumb {
  --breadcrumb-divider-color: var(--body-color) !important;
  --breadcrumb-item-active-color: var(--link-color) !important;
  background-color: #ffffff08 !important;
}