html {
  scroll-behavior: smooth;
}

.fragment-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
}

@media (max-width: 576px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1216px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: var(--container-max-xl, 1184px);
  }
}