diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..6f3a2913
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/zoo-css-challenge/README.md b/zoo-css-challenge/README.md
index ef30e833..2c0827a1 100644
--- a/zoo-css-challenge/README.md
+++ b/zoo-css-challenge/README.md
@@ -48,7 +48,8 @@ We don’t like the hard corners here. Can you give the container in the section
 
 ## 7) Membership
 
-Give the paragraph a maximum width of 700 pixels, and keep in the middle by adjusting the margin.
+Give the paragraph a maximum width of 700 pixels, 
+and keep in the middle by adjusting the margin.
 
 ## 8) Programs
 
diff --git a/zoo-css-challenge/index.html b/zoo-css-challenge/index.html
index 0892fd58..74e96ff0 100644
--- a/zoo-css-challenge/index.html
+++ b/zoo-css-challenge/index.html
@@ -21,9 +21,10 @@
  	<main>
  		<section class="introduction">
  			<h1>Birmingham Zoo</h1>
+			 <p>The zoo is open every day of the year and features three major biomes: the Tropic Zone, Temperate Territory, and the Polar Circle. From tropical birds, to snow leopards, grizzly bears, and one of the nation’s largest colonies of Antarctic penguins, there are animals to enjoy in every season.</p>
  		</section>
 
- 		<div id="badge">
+ 		<div id="Fge">
  			<p>Opening 2021!</p>
  		</div>
 
@@ -51,21 +52,20 @@ <h2>Bears</h2>
 		</section>
 
 		<section class="tigers">
-			<h2>Tiger</h2>
-			<h3>Top 5 Tiger Facts</h3>
-			<ol>
+			<h2>Tiger Facts</h2>
+			<ul>
 				<li>Tigers are the largest cat species in the world reaching up to 3.3 meters in length and weighing up to 670 pounds!
 				<li>Tigers are easily recognizable with their dark vertical stripes and reddish/orange fur.
 				<li>The Bengal tiger is the most common tiger.
 				<li>Tigers live between 20-26 years in the wild.
 				<li>Unlike most other cats, tigers are great swimmers and actually like the water.
-			</ol>
+			</ul>
 		</section>
 
 		<section class="giraffe">
 			<h2>Giraffe</h2>
 
-			<p>Giraffes are the world's tallest mammals, thanks to their towering legs and long necks. A giraffe's legs alone are taller than many humans—about 6 feet . These long legs allow giraffes to run as fast as 35 miles an hour over short distances and cruise comfortably at 10 miles an hour over longer distances.</p>
+			<p style="font-size: 18px;">Giraffes are the world's tallest mammals, thanks to their towering legs and long necks. A giraffe's legs alone are taller than many humans—about 6 feet . These long legs allow giraffes to run as fast as 35 miles an hour over short distances and cruise comfortably at 10 miles an hour over longer distances.</p>
 
 			<h3>Behavior</h3>
 
@@ -84,12 +84,19 @@ <h2>News</h2>
 				<time>2010-04-16</time>
 				<h4>Helping wild turtles in Seychelles</h4>
 				<a>Find out More</a>
+				
 			</div>
 			<div class="card">
 				<time>2010-04-12</time>
 				<h4>Learning about the rainforest</h4>
 				<a>Find out More</a>
 			</div>
+
+			<div class="card">
+				<time>2021-07-20</time>
+				<h4>Which big cat are you?</h4>
+				<a>Find out More</a>
+			</div>
 		</section>
 
 		<section class="education">
@@ -110,16 +117,18 @@ <h2>Are there any benefits or discounts for members?</h2>
 			<h2>Programs</h2>
 			<div class="card">
 				<h4>Children and Family Programs</h4>
-				<a>Find out More</a>
+				<a href="https://codeyourfuture.io/" target="_blank"> Find out More</a>
 			</div>
 			<div class="card">
 				<h4>Adult Programs</h4>
-				<a>Find out More</a>
+				<a href="https://codeyourfuture.io/" target="_blank">Find out More</a>
 			</div>
 			<div class="card">
 				<h4>Youth and young adults</h4>
-				<a>Find out More</a>
+				<a href="https://codeyourfuture.io/" target="_blank">Find out More</a>
 			</div>
+
+			
 			<h3>Useful Links</h3>
 			<p>
 			</p>
diff --git a/zoo-css-challenge/style.css b/zoo-css-challenge/style.css
index b9007645..ae8a93bd 100644
--- a/zoo-css-challenge/style.css
+++ b/zoo-css-challenge/style.css
@@ -2,6 +2,9 @@
   font-family: sans-serif;
 }
 
+#logo{
+  border: none;
+}
 header {
   background-color: #211a1d;
   color: #ffffff;
@@ -33,13 +36,17 @@ img {
   border: 5px solid #8075ff;
 }
 
+.image-container img:first-of-type {
+  vertical-align:top;
+}
+
 h1,
 h2,
 h3,
 h4,
 h5 {
   /*Purple*/
-  color: #6320ee;
+  color:#B8B8FF;
   margin-bottom: 1em;
 }
 
@@ -55,9 +62,26 @@ h3 {
   font-size: 150%;
 }
 
+.bears{
+  vertical-align: top;
+}
+
+.bears img:nth-child(1) {
+  border-color: red;
+}
+
+.bears img:nth-child(2) {
+  border-color: yellow;
+}
+
+.bears img:nth-child(3) {
+  border-color: green;
+}
+
 button {
+  font-size: 1.2em;
   display: inline-block;
-  border-radius: 3px;
+  border-radius: 30px;
   cursor: pointer;
   padding: 10px 20px;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
@@ -66,6 +90,15 @@ button {
   color: #fff;
 }
 
+button:hover{
+color: crimson;
+}
+
+button:focus {
+  outline: 20px solid rgb(177, 151, 104);
+  border-radius: 40px;
+}
+
 footer {
   background-color: #211a1d;
   color: #ffffff;
@@ -76,24 +109,31 @@ footer {
 }
 
 .introduction {
+  background-color: white;
+  letter-spacing: 0.2em;
+  
 }
 
+
+
 #badge {
+  transition: all .8s ease;
   height: 120px;
   width: 120px;
   background-color: #bbb;
   border-radius: 50%;
   display: inline-block;
   position: fixed;
-  bottom: 20px;
+  top: 20px;
   right: 20px;
-
   display: flex;
   justify-content: center;
   align-content: center;
   flex-direction: column;
 }
 
+
+
 #badge:hover {
   background-color: yellow;
 }
@@ -118,12 +158,21 @@ footer {
 }
 
 .giraffe {
-  background-color: #465775;
+  background-color:#483C46;
   color: #56e39f;
 }
 
 .giraffe h2 {
   color: #ef6f6c;
+  color:#F4743B;S
+}
+
+.giraffe p{
+  color:#BEEE62;
+}
+
+.giraffe p:nth-child(1) {
+  font-size: 5px;
 }
 
 .card {
@@ -188,8 +237,25 @@ footer {
   color: #ff7f11;
 }
 
+.membership p{
+  max-width: 90%;
+  margin: 0px 1px 20px 130px;
+}
+
+.news .card{
+  border: 1px solid red; 
+  width: 25%;
+}
+
+.news h2{
+  /* border: 1px solid red; */ 
+  display:flex;
+  justify-content:center;
+}
+
 /*Programs*/
 
 .programs .card {
-  display: block;
+  flex-direction: row;
+  width: 26.1%;
 }