body{
margin:0;
font-family:Georgia, serif;
background:#0b0b0b;
color:#eee;
line-height:1.6;
}
.site-header{
height:70vh;
background:url('../images/hero.jpg') center/cover no-repeat;
}
.header-overlay{
height:100%;
background:rgba(0,0,0,0.65);
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
}
.site-header h1{
color:#8b0000;
font-size:3rem;
margin-bottom:20px;
}
nav a{
color:#fff;
margin:0 15px;
text-decoration:none;
font-weight:bold;
}
nav a:hover{
color:#8b0000;
}
main{
max-width:960px;
margin:auto;
padding:60px 20px;
}
h2{
color:#8b0000;
}
.hero{
text-align:center;
margin-bottom:60px;
}
.site-footer{
background:#000;
text-align:center;
padding:25px;
font-size:14px;
}