html,
body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

body {
  font-family: var(--pd-font-sans);
}

h1,
h2,
h3 {
  font-family: var(--pd-font-serif);
}

.pd-container {
  width: min(100%, 1320px);
  margin: 0 auto;
  padding-right: 24px;
  padding-left: 24px;
  box-sizing: border-box;
}

@media (max-width: 900px) {
  .pd-container {
    padding-right: 20px;
    padding-left: 20px;
  }
}