html {
  min-height: 100%;
  background: #ddd8ce;
}

body {
  width: 100%;
  max-width: 1440px;
  min-height: 100vh;
  margin: 0 auto;
  box-shadow: 0 0 42px rgba(35, 30, 24, 0.09);
}

@media (min-width: 701px) {
  .grid-pad {
    padding-left: clamp(32px, 4vw, 64px);
    padding-right: clamp(32px, 4vw, 64px);
  }

  .site-header,
  .site-footer {
    padding-left: clamp(32px, 4vw, 64px);
    padding-right: clamp(32px, 4vw, 64px);
  }
}

@media (max-width: 1440px) {
  body {
    box-shadow: none;
  }
}