#promo {
  padding: 40px;
  background-image: url(../../assets/img/background.jpg);
  background-size: cover;
}

@media (min-width: 300px) {
  .jumbotron {
    padding: 40px;
    max-width: 800px;
    margin: auto;
  }
}

@media (min-width: 992px) {
  .jumbotron {
    padding: 20PX;
  }
}

.container {
  margin: auto;
}

a {
  font-family: 'Work Sans';
  text-decoration: none;
  font-weight: 300;
  /*font-weight: bold;*/
  font-weight: inherit;
  color: var(--bs-gray-700);
}

a.hover {
  font-family: 'Work Sans';
  font-weight: 300;
  font-weight: bolder;
  color: var(--bs-gray);
}

a. active {
  font-family: 'Work Sans';
  font-weight: 300;
  font-weight: inherit;
  color: var(--bs-gray-700);
}

nav.dropdown {
  text-decoration: none;
  background-color: var(--bs-gray-600);
  color: rgba(255,255,255,0.5);
}

a:hover {
  color: var(--bs-gray-500);
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

#intro-para {
  font-family: 'Work Sans';
  font-weight: 600;
}

.data-lightbox {
}

.col {
  flex: 1 0 0%;
}

.paintings-title {
  font-size: 1em;
  font-weight: 600;
  /*font-style: bold;*/
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-black);
  border-color: var(--bs-gray-800);
}

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-gray-dark);
  border-color: var(--bs-black);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #000101;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}