:root{
  --paper: #f6f7f6;
  --paper-soft: #fbfbfb;

  --ink: #2f2f2f;
  --muted: #6e6e6e;

  --accent-soft: #d2c8b6;  
  --line: rgba(0,0,0,.06);

  --shadow1: 0 10px 26px rgba(0,0,0,.12);
  --shadow2: 0 36px 72px rgba(0,0,0,.16);
}

.hero{
  position: relative;
  padding: 10px 0 70px;
  min-height: 100vh;

  background: url("/image/kerkfull.jpg") center / cover no-repeat;
}


@media (max-width: 768px){
  .hero__content{
    padding: 40px 28px;
  }
}