body { margin:0; font-family:Arial; color:#fff; background:#000; }
.hero {
  height:100vh; background:url('assets/hero.png') center/cover no-repeat;
  position:relative;
}
.overlay {
  position:absolute; top:0; left:0; right:0; bottom:0;
  background:rgba(0,0,0,0.55);
  display:flex; flex-direction:column;
  justify-content:center; align-items:center; text-align:center;
}
h1 { font-size:48px; margin:0; }
h2 { font-size:22px; margin-top:10px; }

.panel {
  height:70vh; display:flex; justify-content:center; align-items:center;
  font-size:32px; text-shadow:0 0 10px #000;
}
.one { background:url('assets/section1.png') center/cover no-repeat; }
.two { background:url('assets/section2.png') center/cover no-repeat; }
.three { background:url('assets/section3.png') center/cover no-repeat; }

footer { padding:20px; text-align:center; background:#111; }