body {
font-family: Arial, Helvetica, sans-serif;
margin:0;
color:#222;
background:white;
}

header {
text-align:center;
padding:30px 20px 10px;
}

h1 {
font-weight:500;
letter-spacing:1px;
}

nav {
margin-top:15px;
}

nav a {
margin:0 15px;
text-decoration:none;
color:#333;
font-size:14px;
}

.hero {
height:320px;
background-size:cover;
background-position:center;
display:flex;
align-items:center;
justify-content:center;
}

.hero-text {
background:rgba(255,255,255,0.85);
padding:30px;
text-align:center;
max-width:600px;
}

.tagline {
font-style:italic;
margin-top:10px;
}

.tagline-strong {
font-weight:bold;
margin-top:10px;
}

.content {
max-width:700px;
margin:60px auto;
padding:0 20px;
line-height:1.6;
}

footer {
text-align:center;
padding:40px 0;
color:#777;
font-size:14px;
}