body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#071a22;
color:white;
line-height:1.6;
}



/* HERO */

.hero{
height:75vh;
background-size:cover;
background-position:center;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:relative;

/* slow documentary zoom */

animation:slowzoom 40s ease-in-out infinite alternate;
}



@keyframes slowzoom{

from{
background-size:100%;
}

to{
background-size:110%;
}

}



.hero-overlay{
background:rgba(0,0,0,0.45);
padding:40px 30px;
border-radius:8px;
display:inline-block;
}



.logo{
max-width:260px;
width:80%;
margin-bottom:25px;
}



.hero-line{
margin-bottom:0;
font-size:20px;
}



.hero-sub{
font-size:13px;
opacity:0.8;
margin-top:0;
}



.tagline{
margin-top:25px;
font-size:22px;
letter-spacing:1.2px;
font-style:italic;
opacity:0.9;
}



/* CONTENT */

section{
max-width:900px;
margin:auto;
padding:70px 25px;
}



section h2{
font-size:30px;
margin-bottom:20px;
}



section p{
font-size:18px;
margin-bottom:18px;
}



/* PHOTO BREAK */

.photo-break{
height:420px;
background-size:cover;
background-position:center;
margin:40px 0;
}



/* CLOSING LINE */

.closing{
text-align:center;
font-size:22px;
margin-top:40px;
}



/* FOOTER */

footer{
text-align:center;
padding:50px 20px;
background:#000;
}



.footer-small{
opacity:0.7;
font-size:14px;
}



/* MOBILE */

@media (max-width:768px){

.hero{
height:65vh;
}

section{
padding:50px 20px;
}

.logo{
max-width:200px;
}

}