/* Base */


* { box-sizing:border-box; margin:0; padding:0; }


body { font-family: 'Helvetica Neue', sans-serif; color:#333; }


a { text-decoration:none; color:inherit; }





/* Header */


.header { display:flex; justify-content:space-between; align-items:center; padding:1rem; background:#fff; position:sticky; top:0; z-index:10; }


.logo { font-size:1.5rem; font-weight:bold; color:#0d451b; }


.hamburger { display:none; font-size:1.5rem; background:none; border:none; cursor:pointer; }


.nav-menu { display:flex; gap:1rem; }


.nav-menu a { font-weight:600; padding:.5rem; transition:color .3s; }


.nav-menu a:hover { color:#073312; }





/* Hero */


.hero { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background:url('img/hero.jpg') center/cover no-repeat; height:60vh; color:#fff; position:relative; }





.hero h1 { position:relative; font-size:2rem; margin-bottom:1rem; }


.cta { position:relative; background:#073312;; color:#fff; padding:.85rem 1.5rem; border-radius:5px; margin-top: 20px;}





.section { padding:2rem 1rem; }


.section h2 { text-align:center; font-size:1.75rem; margin-bottom:1.5rem; color:#073312; }





/* About */





.about { text-align: center; flex-wrap:wrap; align-items:center; gap:1rem; }


.about-img { flex:1 1 250px; background:url('img/about.jpg') center/cover no-repeat; min-height:200px; border-radius:8px; }


.about-text { flex:1 1 250px; }





/* Services */


.cards { display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; }


.card { flex:1 1 150px; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.1); transition:transform .3s; }


.card img { width:100%; display:block; }


.card h3 { text-align:center; padding:.5rem; background:#fff; }





/* Circle specials */


.special { display:flex; justify-content:center; gap:1rem; flex-wrap:wrap; }


.special-box { text-align:center; }


.special-box img { width:100px; height:100px; object-fit:cover; border-radius:50%; margin-bottom:.5rem; }





/* Contact */


.contact { background:#f7f5f5; text-align:center; }


.contact form { max-width:400px; margin:auto; display:flex; flex-direction:column; gap:1rem; }


.contact input, .contact textarea { padding:.75rem; border:1px solid #ccc; border-radius:5px; }


.contact button { background:#073312; color:#fff; padding:.75rem; border:none; border-radius:5px; cursor:pointer; transition:opacity .3s; }


.contact button:hover { opacity:0.9; }


.contact-info { margin-top:1.5rem; font-size:.9rem; color:#555; }





/* Footer */


.footer { text-align:center; padding:1rem; background:#333; color:#ddd; font-size:.85rem; }


.test{


  color: #000000;


}


.h2h{


font-size: large;


color:#073312 ;


}


/* Responsive */


@media(max-width:768px){


  .hamburger { display:block; }


  .nav-menu { position:absolute; top:60px; left:0; right:0; background:#fff; flex-direction:column; display:none; }


  .nav-menu.open { display:flex; }


  .nav-menu a { padding:1rem; border-top:1px solid #eee; }


  .about { flex-direction:column; }


}