body{ font:20px 'Lato', sans-serif; width:100%; margin: 0 auto; display: flex; justify-content: center; align-items: center; background: #360022; height: 100vh; color: #ac9341 }
a { color: #fff}
h1 {font-size:2em; font-weight:normal }
h2 {font-size:1.5em; letter-spacing: 20%; font-weight: 300; text-transform: uppercase }
.banner { width: 100%; text-align:center; }
.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; }

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