body { font: 20px Arial, Helvetica, sans-serif; width: 100%; margin: 0; display: flex; justify-content: center; align-items: center; height: 100vh; text-align: center; color: #fff; position: relative; overflow: hidden; }
body::before { content: ""; position: absolute; inset: 0; background: url("images/lw_bg.jpg") no-repeat center; background-size: cover; opacity: 0; transition: opacity 2s ease-out; z-index: -1; }
body.bg-loaded::before { opacity: 1; }
a { color: #fff}
h1 {font-size:2em; font-weight:normal }
h2 {font-size:1.5em; font-weight:normal }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.site-title img { max-width: 600px}

@media screen and (max-width: 400px) {
h2 {font-size:1.25em; }
.site-title img { max-width: 300px}
}