:root,
[data-bs-theme=light] {
  --bs-primary: #00007f;
  --bs-body-bg: #002d99;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #00007f;
  --bs-btn-border-color: #00007f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00006c;
  --bs-btn-hover-border-color: #000066;
  --bs-btn-focus-shadow-rgb: 38, 38, 146;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000066;
  --bs-btn-active-border-color: #00005f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #00007f;
  --bs-btn-disabled-border-color: #00007f;
}

.btn-outline-primary {
  --bs-btn-color: #00007f;
  --bs-btn-border-color: #00007f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00007f;
  --bs-btn-hover-border-color: #00007f;
  --bs-btn-focus-shadow-rgb: 0, 0, 127;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00007f;
  --bs-btn-active-border-color: #00007f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #00007f;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #00007f;
  --bs-gradient: none;
}

/* @media screen and (min-width: 768px) {
  video {
    max-width: auto;
    height: 320px;
  }
  
  img {
    max-width: auto;
    height: 100px;
  }
} */