home-page-changes.css

/* html changes for body:
- use .ds-l-container on the main element
- add a wrapping .ds-l-row element directly inside the main element
- use .ds-l-col--12 ds-l-md-col--4 ds-l-lg-col--3 on #leftNav
- use .ds-l-col--12 ds-l-md-col--8 ds-l-lg-col--9 on #main-content
*/

.header--content-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

/* main.css */

.site-homepage--update main {
  /* display: flex; */
}

.ds-l-container {
  /* max-width: 1040px; */
  max-width: 1440px;
}

main {
  /* display: table-cell; */
}

.footer .flexbox {
max-width: 1440px;
margin: 0 auto;
}

@media (min-width: 544px) {
  .ds-l-container {
    padding: 24px 16px;
  }
}

.site-homepage--update nav.open {
  /* width: 400px; */
}

@media (min-width: 1440px) {
  .site-homepage--update #main-content .top-container {
    /* max-width: 1440px; */
  }
}

@media (min-width: 1280px) {
  .site-homepage--update #main-content .top-container {
    /* max-width: 1280px; */
  }
}

@media (min-width: 1024px) {
  .site-homepage--update #main-content .top-container {
    /* padding: 40px; */
  }
}

.site-homepage--update #main-content .top-container {
  /* width: 100%; */
  /* margin: 0 auto; */
  /* padding: 24px; */
  /* box-sizing: border-box; */
}