/*from bootstrap*/
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: calc(100% - var(--bs-gutter-x) * 2);
  margin-right: auto;
  margin-left: auto;
}
.container {
  
  /* max-width: 80rem; */
  max-width: 89.5%;
}
@media (max-width: 1400px) {
  /*from bootstrap*/
.container {
  width: calc(100% - var(--bs-gutter-x)*0.5);
  max-width: 95%;
}
}


@media (max-width: 720px) {
  /*from bootstrap*/
.container {
  width: calc(100% - var(--bs-gutter-x)*0.5);
  max-width: 100%;
}
}