body{
font-family: Arial, sans-serif;
background:#f4f4f4;
margin:0;
}

/* HEADER */

.header{
text-align:center;
padding-top:40px;
}

.title{
font-size:42px;
}

/* WATERMARK */

.logo-watermark{
position:fixed;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:220px;
opacity:0.06;
pointer-events:none;
z-index:-1;
}

/* CONTENT WIDTH */

.content-container{
width:900px;
max-width:90%;
margin:30px auto;
}

/* TEXT */

.ack-text{
font-size:18px;
color:#444;
line-height:1.7;
text-align:justify;
}

.ack-text p{
margin-bottom:18px;
}

/* PRESIDENT SECTION */

.president-section{
width:100%;
margin-top:60px;
display:flex;
}

/* SIGNATURE BLOCK */

.president-sign{
width:260px;
margin-left:auto;   /* pushes block to the right */
text-align:left;    /* text inside left aligned */
}

/* PHOTO */

.president-photo{
width:150px;
border-radius:12px;
box-shadow:0 6px 18px rgba(0,0,0,0.2);
margin:12px 0;
display:block;
}

/* SIGNATURE */

.signature{
font-style:italic;
font-size:18px;
}

/* NAME */

.president-sign h2{
margin:6px 0 4px;
}

/* DESIGNATION */

.designation{
color:#666;
line-height:1.6;
}

/* FOOTER SPACING */

footer{
margin-top:80px;
padding-bottom:20px;
}

/* MOBILE */

@media (max-width:768px){

.title{
font-size:32px;
}

.ack-text{
font-size:17px;
}

/* Better watermark for mobile */

.logo-watermark{
width:160px;
opacity:0.08;
}

/* keep block on right */

.president-sign{
width:220px;
margin-left:auto;
}

/* smaller image */

.president-photo{
width:120px;
}

}