*{
margin:0;
padding:0;
box-sizing:border-box;
}
.centered-div-title{
    text-align: center;
    margin-bottom: 50px;
}
body{
font-family: Arial, Helvetica, sans-serif;
line-height:1.6;
color:#333;
background:#f5f5f5;
}

.hero{
width: 100%;
  position: relative;
  display: flex;
  padding: 20px;
}
.hero img{
    width:200px;
    margin: 0 auto;
    height: auto;

}
/*.overlay{
background:rgba(0,0,0,0.5);
color:white;
text-align:center;
padding:40px;
width:100%;
}

.overlay h1{
font-size:2.5rem;
margin-bottom:10px;
}

.overlay p{
font-size:1.2rem;
}*/

.container{
max-width:900px;
margin:auto;
padding:40px 20px;
background:#4e5d7d;
color: #ffffff;
margin-bottom: 50px;
}

.content p{
margin-bottom:20px;
font-size:1.1rem;
}

.cta-button{
display:inline-block;
padding:14px 28px;
background:#ecaf09;
color:#4e5d7d;
text-decoration:none;
border-radius:5px;
margin:20px 0;
font-weight:bold;
transition:0.3s;
}

.cta-button:hover{
background:#163ea8;
}

.signature{
margin-top:40px;
font-style:italic;
}

footer{
text-align:center;
padding:20px;
background:#222;
color:#fff;
font-size:0.9rem;
}

@media (max-width:768px){
.centered-div-title {text-align:left;}
.overlay h1{
font-size:2rem;
}

.overlay p{
font-size:1rem;
}


}