/* =============== Container =============== */
:root{
  --container-mw: 1200px;
  --container-px: 16px;
}

.l-container{
  width: 100%;
}

.l-container__inner{
  max-width: var(--container-mw);
  margin-inline: auto;
  padding-inline: max(var(--container-px), env(safe-area-inset-left))
                  max(var(--container-px), env(safe-area-inset-right));
}

/* Desktop >= 1024px */
@media (min-width: 1025px) {
  :root {
    --container-mw: clamp(var(--container-min),
                          calc(100vw - 2 * var(--container-px)),
                          var(--container-max));
  }
}

.main-content{
	flex:1;
}