/* GLOBAL */ * { box-sizing: border-box; } body {   margin: 0;   font-family: Georgia, serif;   color: #333;   background: url('background.jpg') no-repeat center center fixed;   background-size: cover; } /* NAVIGATION */ .navbar {   background: rgba(255,255,255,0.95);   text-align: center;   padding: 1rem;   position: sticky;   top: 0;   z-index: 1000;   box-shadow: 0 2px 10px rgba(0,0,0,0.05); } .navbar a {   margin: 0 1rem;   font-weight: bold;   text-decoration: none;   color: #4a7c78; } .navbar a:hover { color: #3b6461; } /* HERO */ .hero {   position: relative;   height: 60vh;   display: flex;   align-items: center;   justify-content: center;   color: #fff;   text-align: center; } .hero .overlay {   position: absolute;   top: 0; left: 0; right: 0; bottom: 0;   background: rgba(0,0,0,0.3); } .hero .hero-content {   position: relative;   z-index: 2; } .hero h1 { font-size: 3rem; margin-bottom: 0.5rem; } .hero p { font-size: 1.3rem; margin-bottom: 1.5rem; } /* BUTTON */ .button {   display: inline-block;   padding: 14px 32px;   background: #4a7c78;   color: white;   border-radius: 8px;   text-decoration: none;   font-weight: 500;   margin-top: 1rem; } .button:hover { background: #3b6461; } /* SECTIONS */ .section {   display: flex;   flex-wrap: wrap;   align-items: center;   padding: 4rem 2rem;   border-radius: 12px;   margin: 2rem auto;   max-width: 1200px; } .section-left .text { order: 1; flex: 1; padding-right: 2rem; } .section-left .image { order: 2; flex: 1; text-align: center; } .section-right .text { order: 2; flex: 1; padding-left: 2rem; } .section-right .image { order: 1; flex: 1; text-align: center; } /* BLOCK COLORS */ .bg-offwhite { background-color: #fdfdf7; color: #264d3c; } .bg-lightgreen { background-color: #d8ede1; color: #264d3c; } .bg-darkgreen { background-color: #264d3c; color: #ffffff; } /* IMAGE STYLING */ .profile-pic {   max-width: 300px;   border-radius: 12px;   box-shadow: 0 4px 12px rgba(0,0,0,0.1); } /* CENTERED SECTIONS */ .section-center {   text-align: center;   padding: 3rem 2rem;   border-radius: 12px;   box-shadow: 0 4px 12px rgba(0,0,0,0.05);   max-width: 900px; } /* FORM */ form { max-width: 600px; margin: auto; text-align: center; } input, textarea {   width: 100%;   padding: 14px;   margin: 0.6rem 0;   border-radius: 8px;   border: 1px solid #ccdede; } textarea { min-height: 120px; } button {   padding: 14px 28px;   background: #4a7c78;   color: white;   border: none;   border-radius: 8px; } button:hover { background: #3b6461; } /* FOOTER */ .footer { text-align: center; padding: 2rem; } .crisis { font-size: 0.9rem; margin-top: 1.5rem; color: #444; } /* CLIENT FEEDBACK */ #clients blockquote {   background-color: #ffffff;   color: #264d3c;   border-left: 6px solid #4a7c78;   padding: 1rem 1.5rem;   margin: 1rem auto;   font-style: italic;   border-radius: 8px;   box-shadow: 0 2px 8px rgba(0,0,0,0.05);   max-width: 800px; } /* LISTS */ ul { margin-left: 1rem; margin-bottom: 1rem; } /* RESPONSIVE */ @media (max-width: 768px) {   .section { flex-direction: column; text-align: center; }   .section-left .text, .section-right .text { padding: 0; text-align: center; }   .section-left .image, .section-right .image { margin: 1.5rem 0; } }

img {
  display: block;
  margin: 0 auto;
}

#clients {
  display: block;
  text-align: center;
}