body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; color: #333; background-image: url(../imgs/sarentino0.jpg) }
        header { background-color: #2a6f3d; color: white; padding: 20px 0; text-align: center; }
        header h1 { margin: 0; font-size: 2.5em; }
        nav { background-color: #5cb85c; overflow: hidden; }
        nav a { float: left; display: block; color: white; text-align: center; padding: 14px 20px; text-decoration: none; transition: background-color 0.3s; }
        nav a:hover { background-color: #4cae4c; }
        .container { width: 80%; margin: auto; overflow: hidden; padding: 20px 0; }
        .hero { background: url('placeholder-sarentino-main.jpg') no-repeat center center/cover; height: 400px; color: white; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
        .hero-text h2 { background-color: rgba(0, 0, 0, 0.5); padding: 10px; border-radius: 5px; }
        .section { background: white; padding: 20px; margin-bottom: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
        .walk-card { border: 1px solid #ccc; padding: 15px; margin-bottom: 15px; border-radius: 6px; }
        .walk-card h3 { color: #2a6f3d; }
        footer { background-color: #333; color: white; text-align: center; padding: 10px 0; margin-top: 20px; }