.dm-content {
  background: var(--contentBGColor);
}

/* breakpointS */
@media (min-width: 480px) {
  /* currently unused */
}

/* breakpointM */
@media (min-width: 768px) {
  .dm-content {
    max-width: 940px;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  /* while these styles would actually belong into their own block files
  setting them here in one location is so much more convenient   */
  .dm-header__newsnetBarInner,
  .dm-header__mobileNavBarInner,
  .dm-footerInner  {
    max-width: 940px;
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .dm-main {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* breakpointL */
@media (min-width: 1140px) {
  .dm-content,
  .dm-header__newsnetBarInner,
  .dm-header__mobileNavBarInner,
  .dm-footerInner  {
    min-width: 800px;
    max-width: 1200px;
  }
}