body {font-family: 'Lexend', sans-serif; margin: 0;padding: 0;}
.first-section {background-color: #1C2F20;color:white; text-align: center; padding: 100px 0;}
.first-section img {max-width: 350px;margin-bottom: 20px;}
.container {max-width: 1050px;margin: 0 auto;}
a:hover {text-decoration: none;}

p {font-family: 'Lexend', sans-serif;}
h1, h2, h3, h4, h5, h6, p {margin-bottom: 20px;}
h1 {font-size: 2.441rem;} h2 {font-size: 2.5rem;} h3 {font-size: 1.563rem;}
h4 {font-size: 1.25rem;} h5 {font-size: 1.0rem;} h6 {font-size: 0.8rem;}
p {font-size: 1rem; font-weight: 300; line-height: 1.7em}
ul {line-height: 1.7em;}  

/* Top Nav Bar */
header {position: sticky;top: 0;background-color: #1C2F20; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);z-index: 100;
    display: flex;align-items: center;justify-content: space-between;padding: 10px 20px;}
.navlogo {font-size: 1.5rem; font-weight: bold;} .navlogo img {max-height: 50px;}
nav {display: flex;align-items: center;}
nav ul {list-style: none;margin: 0;padding: 0;display: flex;}
nav li {margin-right: 25px; font-size:20px; font-weight:400; padding-bottom: 4px;}
nav a {color: white; text-decoration: none;}
nav a:hover {text-decoration: underline;}
.current {border-bottom: 2px solid #DCB459}

/* Services Section */
.services {display: flex;justify-content: space-between;}
.service-item {flex-basis: calc(33.33% - 20px);padding: 20px 35px 20px 35px;background-color: white;}
.br {border-right: 1px solid #e1e1e1;}
.bt {border-top: 1px solid #e1e1e1;}

/* Button style */
.button1 {
    display: inline-block;
    padding: 14px 25px;
    border: 1px solid white;
    border-radius: 25px;
    color: white;
    text-decoration: none;
    transition: color 0.3s, background-color 0.3s;
    font-weight: 500;
    
    font-size: 18px
}

.button1:hover {
    color: #1c2f20;
    background-color: white;
}

.button2 {
    display: inline-block;
    padding: 14px 25px;
    border: 1px solid white;
    border-radius: 25px;
    color: white;
    background-color:#1c2f20;
    text-decoration: none;
    transition: color 0.3s, background-color 0.3s;
    font-weight: 500;
    min-width: 135px;
    font-size: 18px
}

.button2:hover {
    color: #1c2f20;
    background-color: white;
    border: 1px solid #1c2f20;
}


/* Screen Size Styles */

  @media screen and (max-width: 768px) {
    .container {padding: 10px;}
    header {padding: 10px;}
    .logo {font-size: 1.2rem;}
    nav li {margin-right: 10px;}
    .services {flex-direction: column;}
    .first-section {padding: 50px 0;}
    .first-section img {max-width: 275px;}
    .service-item {flex-basis: 100%; padding: 8px 16px;}
    .br, .bt {border:none}
    .service-areas {text-align: left !important;}
    .service-areas h2 {text-align: center;}
    .service-areas ul {padding: 34px 25px !important;} 
    .service-areas li {padding-bottom: 20px;}
    footer {flex-direction: column;}
    footer > div {max-width: none; margin: 5px 0;}
    .footer-logo {margin-right: 0px !important}

      
  }

.service-areas {text-align: center}
.service-areas ul {padding: 0px 0px 65px 0px; list-style-type: none;font-weight: 300;} 

.centered-paragraph {font-size:1.2em; text-align: center;max-width: 850px;margin: 0 auto; padding: 0 30px; /* Padding added for mobile */}

.centered-paragraph-1 {font-size:1rem; text-align: center;max-width: 850px;margin: 0 auto; padding: 0 30px; /* Padding added for mobile */}

/* Caring Professionals Section */
.image-section {
    text-align: center;
    background-color: #f8f8f8;
    padding: 20px 0px 60px 0px;
}

.image-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}

.rounded-image {
    width: 130px;
    height: 130px;
    border-radius: 25px;
    margin: 10px;
}

.section-title {
    margin-top: 40px;
}

 footer {
            background-color: #1c2f20;
            color: white;
            padding: 20px 0;
            text-align: center;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

footer h2 {font-size: 1.4rem; margin-bottom: 0px}
footer a {color: #DCB459; text-decoration: none;}
footer a:hover {text-decoration: underline;}

footer > div {
            flex: 1;
            max-width: 300px;
            padding: 0 10px;
            margin: 10px;
            text-align: left;
        }
        
    
.footer-logo {margin-right: 50px}

.number {font-size:1.35em; margin-top:30px;}
.number a {color: #DCB459; text-decoration: none;}
.number a:hover {text-decoration: underline;}

.email {font-size:1.35em; margin-top:-15px}
.email a {color: #DCB459 !important; text-decoration: none;}
.email a:hover {text-decoration: underline;}



/* Hero section */
.hero-section {
    background-color: #f8f8f8;
    text-align: center;
}

.hero-image {
    max-width: 100%;
}

/* Image with text above and below */
.image-text-section {
    text-align: center;
    padding: 20px 0;
}

.section-title {
    margin-top: 40px;
}

.image-container {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.section-text {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.7em;
    max-width: 600px;
    margin: 0 auto;
}