Wild Rescues

Rescue. Rehabilitate. Release.

Welcome to Wild Rescues

We are committed to protecting injured and orphaned wildlife.

Wildlife rescue image

Our Mission

Providing care and safe return to natural habitats.

Wildlife care image
/* RESET */ * { margin: 0; padding: 0; box-sizing: border-box; } /* BODY & GENERAL */ body { font-family: Arial, sans-serif; line-height: 1.6; background-color: #f4f4f4; color: #333; } /* HEADER */ header { background: #2c5f2d; color: white; text-align: center; padding: 20px; } /* NAVIGATION */ nav ul { display: flex; justify-content: center; list-style: none; background: #97bc62; } nav > ul > li { margin: 0 15px; } nav ul li a { text-decoration: none; color: black; font-weight: bold; padding: 10px; } nav ul li a:hover { color: #fff; background: #2c5f2d; border-radius: 5px; } /* MAIN CONTENT */ main { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px; } main section { flex: 1 1 45%; background: white; padding: 15px; margin: 10px; border-radius: 5px; } main section img { width: 100%; border-radius: 5px; margin-top: 10px; } /* ASIDE */ aside { background: #e8f5e9; padding: 15px; margin: 10px; border-radius: 5px; } /* FORM STYLING */ form label { display: block; margin-top: 10px; font-weight: bold; } form input, form textarea { width: 100%; padding: 8px; margin-top: 5px; border-radius: 3px; border: 1px solid #ccc; } form button { margin-top: 10px; padding: 10px 20px; background: #2c5f2d; color: white; border: none; border-radius: 5px; cursor: pointer; } form button:hover { background: #97bc62; color: black; } /* FOOTER */ footer { text-align: center; padding: 15px; background: #2c5f2d; color: white; } /* CSS SELECTORS & COMBINATORS */ main section p { margin-bottom: 15px; /* descendant */ } nav > ul > li { padding: 5px; /* child combinator */ } h2 + p { font-style: italic; /* adjacent sibling */ } a[href="contact.html"] { color: darkred; /* attribute selector */ } /* MEDIA QUERIES */ @media (max-width: 768px) { nav ul { flex-direction: column; text-align: center; } main { flex-direction: column; padding: 10px; } main section { flex: 1 1 100%; } aside { margin: 10px 0; } } @media (max-width: 480px) { body { font-size: 14px; } header h1 { font-size: 24px; } nav ul li { margin: 5px 0; } }