.bc-container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 451px) {
  .bc-container {
    max-width: 34.5rem;
    --bs-gutter-x: 2rem;
  }
}
@media screen and (min-width: 601px) {
  .bc-container {
    max-width: 40.5rem;
  }
}
@media screen and (min-width: 713px) {
  .bc-container {
    max-width: 51.25rem;
  }
}
@media screen and (min-width: 901px) {
  .bc-container {
    max-width: calc(100% - 4.625rem);
  }
}
@media screen and (min-width: 1201px) {
  .bc-container {
    max-width: calc(100% - 3.375rem);
  }
}
@media screen and (min-width: 1401px) {
  .bc-container {
    max-width: calc(100% - 9.625rem);
  }
}
@media screen and (min-width: 1601px) {
  .bc-container {
    max-width: calc(100% - 12.5rem);
  }
}
@media screen and (min-width: 1921px) {
  .bc-container {
    max-width: 103.5rem;
    --bs-gutter-x: 0;
  }
}