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

.container{
width:90%;
max-width:1100px;
margin:auto;
text-align:center;
}

/* HEADER */

.header{
background:white;
padding:15px 0;
border-bottom:1px solid #ddd;
}

.logo{
height:80px;
}

/* HERO */

.hero{
background:url("hero.jpg") no-repeat center center;
background-size:cover;
min-height:600px;
position:relative;
}

.overlay{
background:linear-gradient(rgba(20,80,40,0.85), rgba(40,140,80,0.85));
min-height:600%;
padding:120px 20px;
color:white;
}

.hero h1{
font-size:40px;
}

.hero p{
font-size:18px;
margin-bottom:30px;
}

/* BUTTONS */

.btn-main{
display:inline-block;
padding:12px 25px;
margin:10px;
background:white;
color:#1e5f35;
text-decoration:none;
font-weight:bold;
border-radius:5px;
}

.btn-secondary{
display:inline-block;
padding:12px 25px;
margin:10px;
background:#1e8f45;
color:white;
text-decoration:none;
border-radius:5px;
}

/* SECTIONS */

.section{
padding:70px 20px;
}

.grey{
background:#eef3ee;
}

.green{
background:linear-gradient(135deg,#1e5f35,#6bbf7c);
color:white;
}

/* BOX */

.box{
background:white;
padding:20px;
margin:20px auto;
max-width:400px;
border-radius:6px;
}

/* IMAGES */

.image-box{
display:inline-block;
width:45%;
margin:10px;
}

.image-box img{
width:100%;
border-radius:6px;
}

/* TESTIMONIAL */

.testimonial{
background:white;
padding:20px;
margin:15px auto;
max-width:500px;
border-radius:6px;
}

/* FLOAT BUTTON */

.whatsapp-float{
position:fixed;
bottom:20px;
right:20px;
background:#1e8f45;
color:white;
font-size:22px;
padding:15px;
border-radius:50%;
text-decoration:none;
}

/* FOOTER */

.footer{
background:#1e5f35;
color:white;
padding:20px;
}