.Container {
  margin: 0 auto;
}

/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default */

/* Small devices (landscape phones, 576px and up) */
@media (--break-sm) {
  .Container {width: var(--width-sm)}
}

/* Medium devices (tablets, 768px and up) */
@media (--break-md) {
  .Container {width: var(--width-md)}
}

/* Large devices (desktops, 992px and up) */
@media (--break-lg) {
  .Container {width: var(--width-lg

/* Extra large devices (large desktops, 1200px and up) */
@media (--break-xl) {
  .Container {width: var(--width-xl)}
}