.bg1 { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: -2; object-fit: cover; filter: brightness(0.5) contrast(0.8); }
.bg2 { position: fixed; left: 0px; top: 0px; width: 100%; height: 60px; background-color: lightgray; opacity: 50%; }

.menu { position: fixed; left: 0px; top: 0px; width: 100%; padding: 10px 20px; text-align: right; }
.menu img { width: 40px; }

section { min-height: 100vh; background-repeat: repeat; padding: 100px 20px; color: white; font-size: 20px; font-weight: bold; }
.div-width { max-width: 600px; margin: auto; }
img { max-width: 100%; }

ul { list-style: none; padding-left: 0px; }
ul li::before { content: "\2713"; }

#s0, #s1 { display: grid; place-items: center; text-align: center; font-size: 28px; }
#s0 big { font-size: 48px; }
#s1 img { width: 180px; }

#s2 { background: url('img/bg2.png'); color: black; }
#s3 { background: url('img/bg3.png'); color: black; }
#s4 { background: url('img/bg4.png'); }
#s5 { background: url('img/bg5.png'); }
#s6 { background: url('img/bg6.png'); color: black; }
#s7 { background: url('img/bg7.png'); color: black; }

#s0 a, #s1 a, #s2 a { text-decoration: none; background-color: white; color: red; margin-left: 10px; margin-right: 10px; padding-left: 10px; padding-right: 10px; }
.s2a { width: 260px; padding-bottom: 20px; }
.s2b { width: 320px; padding-top: 20px; }
#s7 img { width: 20%; }