:root {
        --primary-green: #006600;
        --accent-orange: #ff6600;
        --text-color: #333;
        --link-color: #0066cc;
    }
    body { font-family: Arial, sans-serif; line-height: 1.6; color: var(--text-color); margin: 0; padding: 0; }
    .wrapper { max-width: 1000px; margin: 0 auto; padding: 0 20px; }
    header { padding: 20px 0; border-bottom: 2px solid var(--primary-green); display: flex; align-items: center; justify-content: space-between; }
    #navigation ul { list-style: none; padding: 0; display: flex; gap: 20px; flex-wrap: wrap; }
    #navigation a { text-decoration: none; color: var(--text-color); font-weight: bold; }
    .content-area { padding: 40px 0; }
    .wsite-multicol { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin: 20px 0; }
    @media (max-width: 768px) { .wsite-multicol { grid-template-columns: 1fr; } }
    img { max-width: 100%; height: auto; }
    .hero-img { border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
    h2 { color: var(--primary-green); font-family: "Georgia", serif; }
    .wsite-button { display: inline-block; padding: 12px 24px; background: var(--accent-orange); color: #fff; text-decoration: none; border-radius: 5px; font-weight: bold; margin: 20px 0; }
    footer { text-align: center; padding: 40px; border-top: 1px solid #ddd; font-size: 0.9em; }
    .footer-icon { display: inline-block; width: 20px; height: 20px; background: var(--primary-green); vertical-align: middle; margin-right: 5px; }