body{
font-family:Arial,Helvetica,sans-serif;
margin:0;
padding:0;
line-height:1.8;
color:#222;
background:#fff;
}

.container{
max-width:1100px;
margin:auto;
padding:20px;
}

.hero{
background:#f3f8ff;
padding:50px 20px;
text-align:center;
}

h1{
font-size:42px;
margin:0 0 15px;
line-height:1.3;
}

h2{
margin-top:40px;
color:#0c4a6e;
line-height:1.4;
}

h3{
margin-top:25px;
line-height:1.4;
}

p{
margin-bottom:16px;
}

.cta{
display:inline-block;
background:#0c4a6e;
color:#fff;
padding:14px 28px;
border-radius:5px;
text-decoration:none;
margin-top:15px;
font-weight:bold;
transition:0.3s;
}

.cta:hover{
opacity:0.9;
}

.video{
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
margin-top:30px;
margin-bottom:30px;
}

.video iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
}

ul{
padding-left:22px;
}

li{
margin-bottom:8px;
}

.footer{
background:#f5f5f5;
padding:25px;
text-align:center;
margin-top:40px;
border-top:1px solid #ddd;
}

.footer h3{
margin-top:0;
}

img{
max-width:100%;
height:auto;
display:block;
margin:auto;
}

a{
color:#0c4a6e;
}

a:hover{
text-decoration:none;
}

@media(max-width:768px){

.hero{
padding:35px 15px;
}

.container{
padding:15px;
}

h1{
font-size:30px;
}

h2{
font-size:24px;
}

.cta{
display:block;
width:100%;
box-sizing:border-box;
}
}