@media all and (min-width: 0px) {
  .header-layout {
    max-width: 100%;
  }

  .preface-layout {
    max-width: 100%;
  }

  .core-layout {
    max-width: 100%;
  }
}
@media all and (max-width: 479px) {
  .header-layout {
    max-width: 100%;
  }

  .preface-layout {
    max-width: 100%;
  }

  .core-layout {
    max-width: 100%;
  }
}