body{
margin:0;
font-family:Georgia, serif;
background:#f5f5f5;
color:#222;
}

.site-header{
background:#123a5a;
padding:30px 0;
text-align:center;
}

.logo{
color:white;
font-size:28px;
margin-bottom:10px;
}

.nav a{
color:white;
margin:0 15px;
text-decoration:none;
font-size:16px;
}

.nav a:hover{
text-decoration:underline;
}

.hero{
background-image:url("../images/hero.png");
background-size:cover;
background-position:center;
height:520px;
position:relative;
}

.hero-overlay{
background:rgba(0,0,0,0.45);
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
color:white;
padding:20px;
}

.hero-overlay h1{
font-size:48px;
max-width:900px;
margin-bottom:20px;
}

.hero-overlay p{
font-size:18px;
max-width:800px;
}

.content{
max-width:900px;
margin:80px auto;
background:white;
padding:50px;
line-height:1.8;
}

.content h2{
margin-top:0;
}

.site-footer{
background:#123a5a;
color:white;
text-align:center;
padding:40px 0;
margin-top:80px;
}

.footer-links a{
color:white;
margin:0 15px;
text-decoration:none;
}

.footer-links a:hover{
text-decoration:underline;
}