@media (min-width: 300px) {
  #logo {
    width: 100%;
    text-align: center;
    visibility: hidden;
  }
}

@media (min-width: 992px) {
  #logo {
    width: 100%;
    text-align: center;
    visibility: visible;
  }
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #e29110;
  --bs-btn-border-color: #b7750b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c57f0f;
  --bs-btn-hover-border-color: #ad700f;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #d2131b;
  --bs-btn-active-border-color: #a00d13;
  --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;
}