diff --git a/day-1-flexbox/4-flexbox-exercises/4a-collections/begin/css/style.css b/day-1-flexbox/4-flexbox-exercises/4a-collections/begin/css/style.css
index 4e02e97..a6fb56e 100644
--- a/day-1-flexbox/4-flexbox-exercises/4a-collections/begin/css/style.css
+++ b/day-1-flexbox/4-flexbox-exercises/4a-collections/begin/css/style.css
@@ -12,6 +12,7 @@ Clearly there is more you could place in variables, up to you if you want to use
     --color8: #bb3e03;
     --color9: #ae2012;
     --color10: #9b2226;
+    --color11: whitesmoke;
 }
 
 
@@ -44,15 +45,97 @@ section h2 {
     font-size: 2.5rem;
 }
 
+img {
+    width: 100%;
+    display: block;
+    max-height: 300px;
+}
+
+ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-between;
+}
+
+figure {
+    position: relative;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 5px;
+}
+
+figcaption {
+    background-color: var(--color11);
+    width: 100%;
+    bottom: 0px;
+    position: absolute;
+    opacity: 0.7;
+    font-size: 1.5rem;
+}
+
+figcaption a {
+    display: block;
+    text-decoration: none;
+    color: var(--color1);
+    padding: 1rem;
+}
+
+
+/* border styling */
+
+.one, 
+.one a:hover {
+    border-color: var(--color7);
+    color: var(--color7);
+}
+.two,
+.two a:hover{
+    border-color: var(--color2);
+    color: var(--color2);
+}
+.three,
+.three a:hover {
+    border-color: var(--color6);
+    color: var(--color6);
+}
+.four,
+.four a:hover {
+    border-color: var(--color9);
+    color: var(--color9);
+}
+.five, 
+.five a:hover {
+    border-color: var(--color4);
+    color: var(--color4);
+}
+.six,
+.six a:hover {
+    border-color: var(--color3);
+    color: var(--color3);
+}
+
+
+
 
 /* Initial mobile layout: a series of images stacked on top of each other with the figure caption over the image. */
 
 
 /* At this breakpoint, transition to 2 figures per line */
 
-@media (min-width: 550px) {}
+@media (min-width: 550px) {
+    li {
+        flex-basis: 48%;
+    }
+}
 
 
 /* At this breakpoint, transition to 3 figures per line */
 
-@media (min-width: 800px) {}
\ No newline at end of file
+@media (min-width: 800px) {
+li {
+    flex-basis: 33%;
+}
+}
\ No newline at end of file
diff --git a/day-1-flexbox/4-flexbox-exercises/4a-collections/begin/index.html b/day-1-flexbox/4-flexbox-exercises/4a-collections/begin/index.html
index 6902c7b..9a6d559 100644
--- a/day-1-flexbox/4-flexbox-exercises/4a-collections/begin/index.html
+++ b/day-1-flexbox/4-flexbox-exercises/4a-collections/begin/index.html
@@ -14,37 +14,37 @@
         <h2>Collections</h2>
         <ul>
             <li>
-                <figure>
+                <figure class="one">
                     <img src="img/pop-art.jpg" alt="Pop Art: This must be the place" />
                     <figcaption><a href="#">Pop Art</a></figcaption>
                 </figure>
             </li>
             <li>
-                <figure>
+                <figure class="two">
                     <img src="img/abstract.jpg" alt="Abstract: grey and green squares." />
                     <figcaption><a href="#">Abstract</a></figcaption>
                 </figure>
             </li>
             <li>
-                <figure>
+                <figure class="three">
                     <img src="img/vivid.jpg" alt="Tree on island in lake with purple sunrise." />
                     <figcaption><a href="#">Vivid</a></figcaption>
                 </figure>
             </li>
             <li>
-                <figure>
+                <figure class="four">
                     <img src="img/music.jpg" alt="Music: guitar leaning against wall." />
                     <figcaption><a href="#">Music</a></figcaption>
                 </figure>
             </li>
             <li>
-                <figure>
+                <figure class="five">
                     <img src="img/vehicles.jpg" alt="Vehicles: 1930's car on street." />
                     <figcaption><a href="#">Vehicles</a></figcaption>
                 </figure>
             </li>
             <li>
-                <figure>
+                <figure class="six">
                     <img src="img/landscape.jpg" alt="Landscape: moonrise over tree-covered mountains." />
                     <figcaption><a href="#">Landscape</a></figcaption>
                 </figure>
diff --git a/day-1-flexbox/4-flexbox-exercises/4b-mission/begin/css/style.css b/day-1-flexbox/4-flexbox-exercises/4b-mission/begin/css/style.css
index 6c6aee4..b6f7277 100644
--- a/day-1-flexbox/4-flexbox-exercises/4b-mission/begin/css/style.css
+++ b/day-1-flexbox/4-flexbox-exercises/4b-mission/begin/css/style.css
@@ -44,6 +44,10 @@ section h2 {
     font-size: 2.5rem;
 }
 
+p {
+    padding: 1rem;
+}
+
 
 /*****************
 New styles begin here and continue to the end of the page 
@@ -55,6 +59,11 @@ section ul {
     margin: 0;
 }
 
+div {
+    margin: 0;
+    padding: 0;
+}
+
 
 /* To keep mobile screens from being stupid long, consider setting a max height on the images and hide the overflow. 
 
@@ -140,10 +149,40 @@ figcaption a {
     color: var(--color8);
 }
 
+/* mobile styling for img */
+
+.logo-img {
+    max-width: 400px;
+    display: block;
+}
+
 
 /* turn on flexbox here - prior to this, elements stacked individually as blocks */
 
 @media (min-width: 550px) {
+    header {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-between;
+    }
+
+   .logo {
+        /* flex-basis: 32.5%;  */
+        margin: 0;
+        padding: 0;
+        
+         
+    } 
+    .logo-img {
+        width: 50%;
+        float: left;
+        shape-outside: polygon(0px 0px, 23.29% 105.72%, 51.54% 3px);
+        margin-right: 1rem;
+        padding-right: 2rem;
+    }
+   .mission-statement {
+       /* flex-basis: 65%; */
+    } 
     section ul {
         display: flex;
         flex-flow: row wrap;
@@ -159,6 +198,16 @@ figcaption a {
 }
 
 @media (min-width: 800px) {
+    header {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-evenly;
+    }
+    .logo-img{
+        flex-basis: 35%;
+        
+    }
+    
     section h2 {
         margin-left: 100px;
     }
diff --git a/day-1-flexbox/4-flexbox-exercises/4b-mission/begin/index.html b/day-1-flexbox/4-flexbox-exercises/4b-mission/begin/index.html
index d6b6261..436582e 100644
--- a/day-1-flexbox/4-flexbox-exercises/4b-mission/begin/index.html
+++ b/day-1-flexbox/4-flexbox-exercises/4b-mission/begin/index.html
@@ -10,6 +10,12 @@
 </head>
 
 <body>
+    <section class="mission">
+    <h2>Our Mission</h2>
+    <header class="logo-mission-container">
+        <p class="mission-statement"><img class="logo-img" src="../logo2.png" alt="Wall of Wonder logo" />We strive to bring people interesting and unique art that inspires them to be more creative and enjoy their homes. We know art can be expensive, so we work with a rotating set of artists and photographers to being you fantastic prints - all for free. We just ask that you donate what you think is fair, or share the site with someone who might like great art as much as you do. </p>
+    </header>
+    </section>
     <section id="collections">
         <h2>Collections</h2>
         <ul>
diff --git a/day-1-flexbox/4-flexbox-exercises/4c-footer/begin/css/style.css b/day-1-flexbox/4-flexbox-exercises/4c-footer/begin/css/style.css
index 09c4e44..a398381 100644
--- a/day-1-flexbox/4-flexbox-exercises/4c-footer/begin/css/style.css
+++ b/day-1-flexbox/4-flexbox-exercises/4c-footer/begin/css/style.css
@@ -51,6 +51,10 @@ section ul {
     margin: 0;
 }
 
+h4 {
+    padding: 0;
+    margin: 0;
+}
 
 /* To keep mobile screens from being stupid long, consider setting a max height on the images and hide the overflow. 
 
@@ -153,16 +157,48 @@ figcaption a {
     display: block;
 }
 
+/* footer styling */ 
+
+.footer {
+background-color: var(--color5);
+}
+
+footer {
+    display: flex;
+    flex-flow: column wrap;
+    max-width: 1200px;
+    padding-top: 3rem;
+}
+
+footer ul {
+    display: flex;
+    flex-flow: row wrap;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+footer a {
+    text-decoration: none;
+}
+
+address {
+    font-style: normal;
+    font-weight: bolder;
+}
+
 
 /* turn on flexbox here - prior to this, elements stacked individually as blocks */
 
 @media (min-width: 550px) {
-    section ul {
+    section ul, footer {
         display: flex;
         flex-flow: row wrap;
         justify-content: space-between;
     }
-    section li {
+    section li, 
+    .social, 
+    .address {
         flex-basis: 49.5%;
     }
     /* turn off object position, inherit object-fit: cover */
diff --git a/day-1-flexbox/4-flexbox-exercises/4c-footer/begin/index.html b/day-1-flexbox/4-flexbox-exercises/4c-footer/begin/index.html
index 0e89e15..61d8814 100644
--- a/day-1-flexbox/4-flexbox-exercises/4c-footer/begin/index.html
+++ b/day-1-flexbox/4-flexbox-exercises/4c-footer/begin/index.html
@@ -7,6 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Collections</title>
     <link href="css/style.css" rel="stylesheet" />
+    <script src="https://kit.fontawesome.com/3bddb0bb72.js" crossorigin="anonymous"></script>
 </head>
 
 <body>
@@ -60,15 +61,16 @@ <h2>Collections</h2>
             </li>
         </ul>
     </section>
+    <div class="footer">
     <footer>
         <div class="social">
             <h4>Stay Connected!</h4>
             <ul>
                 <li>
-                    <a href="https://www.facebook.com" target="_blank"><img src="img/facebook-icon.svg" alt="Visit us at Facebook." /></a>
+                    <a href="https://www.facebook.com" target="_blank"><span class="fa-brands fa-facebook" alt="Visit us at Facebook."></span></a>
                 </li>
                 <li>
-                    <a href="https://www.instagram.com" target="_blank"><img src="img/instagram-icon.svg" alt="Visit us on Instagram." /></a>
+                    <a href="https://www.instagram.com" target="_blank"><span class="fa-brands fa-instagram" alt="Visit us on Instagram."></span></a>
                 </li>
             </ul>
         </div>
@@ -79,6 +81,7 @@ <h4>Stay Connected!</h4>
         Minneapolis, MN 55402
       </address>
     </footer>
+    </div>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/day-1-flexbox/4-flexbox-exercises/4c-footer/end/css/style.css b/day-1-flexbox/4-flexbox-exercises/4c-footer/end/css/style.css
index 1242b20..6e86f7f 100644
--- a/day-1-flexbox/4-flexbox-exercises/4c-footer/end/css/style.css
+++ b/day-1-flexbox/4-flexbox-exercises/4c-footer/end/css/style.css
@@ -241,11 +241,8 @@ footer address {
     section h2 {
         margin-left: 100px;
     }
-    section li,
-    .social {
+    section li {
         flex-basis: 32.5%;
     }
-    address {
-        flex-basis: 65.5%;
-    }
+
 }
\ No newline at end of file
diff --git a/day-1-flexbox/5-header-navbar/begin/css/style.css b/day-1-flexbox/5-header-navbar/begin/css/style.css
index 1242b20..68401cb 100644
--- a/day-1-flexbox/5-header-navbar/begin/css/style.css
+++ b/day-1-flexbox/5-header-navbar/begin/css/style.css
@@ -50,6 +50,65 @@ section ul {
     margin: 0;
 }
 
+nav ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+/* header/navbar styles */
+
+.header {
+    background-color: var(--color5);
+}
+
+header {
+    margin: 0 auto;
+    padding: 1rem;
+    max-width: 1200px;
+}
+
+nav ul {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-around;
+    align-items: space-between;
+}
+
+nav li {
+    flex-basis: 48%;
+    margin-bottom: 0.5rem;
+}
+
+nav a {
+    text-decoration: none;
+    color: white;
+    font-size: 1.2rem;
+    display: block;
+    padding: 0.5rem;
+    text-align: center;
+    background-color: var(--color10);
+    border-radius: 5px;
+
+}
+
+nav a:hover {
+    background-color: var(--color1);
+    color: var(--color5);
+}
+
+/* center the header logo */ 
+
+nav li:nth-child(1) {
+    flex-basis: 100%;
+    text-align: center;
+    background-color: transparent;
+}
+
+nav li:nth-child(1) a {
+     background-color: transparent;
+}
+
 
 /* To keep mobile screens from being stupid long, consider setting a max height on the images and hide the overflow. 
 
@@ -235,6 +294,22 @@ footer address {
     footer address {
         margin-top: 0;
     }
+    /* nav styling - full width logo at top, links on a single row underneath*/
+    
+    nav ul {
+        justify-content: center;
+    }
+    nav a {
+        background-color: transparent;
+        color: var(--color1);
+    }
+    nav a:hover {
+        background-color: transparent;
+        color: var(--color10);
+    }
+    nav li {
+        flex-basis: auto;
+    }
 }
 
 @media (min-width: 800px) {
@@ -248,4 +323,17 @@ footer address {
     address {
         flex-basis: 65.5%;
     }
+    nav li:nth-child(1) {
+        flex-basis: 50%;
+        order: 2;
+        
+    }
+    nav li:nth-child(2), 
+    nav li:nth-child(3) {
+        order: 1;
+    }
+    nav li:nth-child(4), 
+    nav li:nth-child(5) {
+        order: 3;
+    }
 }
\ No newline at end of file
diff --git a/day-1-flexbox/5-header-navbar/begin/index.html b/day-1-flexbox/5-header-navbar/begin/index.html
index a6e58aa..9926ed2 100644
--- a/day-1-flexbox/5-header-navbar/begin/index.html
+++ b/day-1-flexbox/5-header-navbar/begin/index.html
@@ -8,8 +8,20 @@
     <title>Collections</title>
     <link href="css/style.css" rel="stylesheet" />
 </head>
-
 <body>
+<div class="header">
+    <header>
+    <nav class="navbar-links">
+        <ul>
+            <li><a href="#" alt="Wall of Wonder. Click for homepage"><svg xmlns="http://www.w3.org/2000/svg" width="314.147" height="32" viewBox="0 0 314.147 32"><g transform="translate(-11781.292 3055)"><path d="M236.16,23.6v-8h3.2v8a1.6,1.6,0,0,1-3.2,0Zm-13.44,1.6V22h3.2a1.6,1.6,0,1,1,0,3.2Zm0,0a9.592,9.592,0,0,1-9.6-9.6h3.2a6.392,6.392,0,0,0,6.4,6.4v3.2Zm-23.039,0V22a6.395,6.395,0,0,0,6.4-6.4h3.2a9.593,9.593,0,0,1-9.6,9.6Zm0,0a9.592,9.592,0,0,1-9.6-9.6h3.2a6.392,6.392,0,0,0,6.4,6.4v3.2ZM183.04,23.6v-8h3.2v8a1.6,1.6,0,1,1-3.2,0Zm-16,0v-8h3.2v8a1.6,1.6,0,1,1-3.2,0ZM153.6,22a6.4,6.4,0,1,0,0-12.8V6a9.6,9.6,0,1,1,0,19.2Zm0,3.2a9.6,9.6,0,1,1,0-19.2h0V9.2a6.4,6.4,0,1,0,0,12.8v3.2Zm-23.04,0a9.6,9.6,0,0,1-4.8-1.283,9.6,9.6,0,0,1-14.4-8.317v-8a1.6,1.6,0,0,1,3.2,0v8a6.406,6.406,0,0,0,8.534,6.036A9.564,9.564,0,0,1,120.96,15.6v-8a1.6,1.6,0,0,1,3.2,0v8a6.373,6.373,0,0,0,1.6,4.234,6.382,6.382,0,0,0,1.6-4.234v-8a1.6,1.6,0,0,1,3.2,0v8a9.575,9.575,0,0,1-2.134,6.036A6.4,6.4,0,0,0,136.96,15.6v-8a1.6,1.6,0,0,1,3.2,0v8a9.591,9.591,0,0,1-9.6,9.6ZM65.28,23.6V7.6a1.6,1.6,0,0,1,3.2,0v16a1.6,1.6,0,1,1-3.2,0Zm-8.32,0V7.6a1.6,1.6,0,0,1,3.2,0v16a1.6,1.6,0,1,1-3.2,0Zm-8.32,0v-.843a9.567,9.567,0,0,1-6.4,2.444h0V22a6.4,6.4,0,1,0,0-12.8V6h0a9.591,9.591,0,0,1,9.6,9.6v8a1.6,1.6,0,1,1-3.2,0ZM38.5,24.446A9.6,9.6,0,0,1,42.24,6h0V9.2a6.4,6.4,0,1,0,0,12.8v3.2A9.543,9.543,0,0,1,38.5,24.446ZM19.2,25.2a9.594,9.594,0,0,1-4.8-1.283A9.569,9.569,0,0,1,9.6,25.2h0A9.592,9.592,0,0,1,0,15.6v-8a1.6,1.6,0,0,1,3.2,0v8a6.406,6.406,0,0,0,8.534,6.036A9.564,9.564,0,0,1,9.6,15.6v-8a1.6,1.6,0,0,1,3.2,0v8a6.381,6.381,0,0,0,1.6,4.234A6.382,6.382,0,0,0,16,15.6v-8a1.6,1.6,0,0,1,3.2,0v8a9.564,9.564,0,0,1-2.134,6.036A6.4,6.4,0,0,0,25.6,15.6v-8a1.6,1.6,0,0,1,3.2,0v8a9.592,9.592,0,0,1-9.6,9.6Zm73.6-5.76V15.6h0a4.8,4.8,0,0,1,4.8-4.8v1.92a2.886,2.886,0,0,0-2.716,1.921H97.6a.96.96,0,1,1,0,1.92H94.72v2.88a.96.96,0,1,1-1.92,0Zm-6.72.96a4.8,4.8,0,0,1,0-9.6h0a4.8,4.8,0,0,1,0,9.6Zm0-1.921A2.88,2.88,0,1,0,83.2,15.6,2.883,2.883,0,0,0,86.08,18.48Zm138.241.32a1.6,1.6,0,1,1,0-3.2h8a3.2,3.2,0,0,1-3.2,3.2Zm11.839-3.2a9.592,9.592,0,0,1,9.6-9.6h0V9.2a6.392,6.392,0,0,0-6.4,6.4Zm-7.04,0a6.395,6.395,0,0,0-6.4-6.4V6a9.591,9.591,0,0,1,9.6,9.6Zm-16,0a9.594,9.594,0,0,1,9.6-9.6h0V9.2a6.392,6.392,0,0,0-6.4,6.4Zm-7.04,0a6.395,6.395,0,0,0-6.4-6.4V6a9.563,9.563,0,0,1,6.4,2.444V1.6a1.6,1.6,0,1,1,3.2,0V15.2h-.008q.008.2.008.4Zm-16,0a9.594,9.594,0,0,1,9.6-9.6h0V9.2a6.392,6.392,0,0,0-6.4,6.4Zm-7.04,0a6.395,6.395,0,0,0-6.4-6.4V6a9.591,9.591,0,0,1,9.6,9.6Zm-16,0a9.592,9.592,0,0,1,9.6-9.6h0V9.2a6.392,6.392,0,0,0-6.4,6.4ZM97.6,10.8a.96.96,0,1,1,0,1.92ZM245.76,6a1.6,1.6,0,0,1,0,3.2Z" transform="translate(11848.079 -3054.6)" fill="#001219"/><g transform="translate(11781.292 -3055)"><rect width="4.438" height="32.548" rx="2.219" transform="translate(0.861 2.219) rotate(-30)" fill="#ca6702"/><rect width="4.438" height="32.548" rx="2.219" transform="translate(29.369 30.406) rotate(-150)" fill="#94d2bd"/><g transform="translate(21.233 23.539)" fill="#e9d8a6" stroke="#001219" stroke-width="1"><rect width="4.31" height="6.688" rx="2.155" stroke="none"/><rect x="0.5" y="0.5" width="3.31" height="5.688" rx="1.655" fill="none"/></g><g transform="translate(46.627 32) rotate(180)" fill="none"><path d="M16.28.911a1.51,1.51,0,0,1,2.772,0L34.931,27.922c.944,1.606.114,4-1.386,4H1.787c-1.5,0-2.33-2.4-1.386-4Z" stroke="none"/><path d="M 17.66568183898926 2.499462127685547 L 2.124996185302734 28.93543815612793 C 1.935707092285156 29.2574348449707 1.991481781005859 29.69390869140625 2.085159301757812 29.92488861083984 L 33.24621200561523 29.92488861083984 C 33.33988571166992 29.69390678405762 33.39565658569336 29.25743675231934 33.20637512207031 28.93544960021973 L 17.66568183898926 2.499462127685547 M 17.66568565368652 1.9073486328125e-06 C 18.18023300170898 1.9073486328125e-06 18.69478034973145 0.3035545349121094 19.05167579650879 0.9106597900390625 L 34.93052673339844 27.92188835144043 C 35.87477493286133 29.52813911437988 35.04493713378906 31.92488861083984 33.54453659057617 31.92488861083984 L 1.786827087402344 31.92488861083984 C 0.2864341735839844 31.92488861083984 -0.5434036254882812 29.52813911437988 0.4008369445800781 27.92188835144043 L 16.27969551086426 0.9106597900390625 C 16.6365909576416 0.3035545349121094 17.15113830566406 1.9073486328125e-06 17.66568565368652 1.9073486328125e-06 Z" stroke="none" fill="#001219"/></g><g transform="translate(40.979 32) rotate(180)" fill="none"><path d="M16.28.911a1.51,1.51,0,0,1,2.772,0L34.931,27.922c.944,1.606.114,4-1.386,4H1.787c-1.5,0-2.33-2.4-1.386-4Z" stroke="none"/><path d="M 17.66568183898926 2.499462127685547 L 2.124996185302734 28.93543815612793 C 1.935707092285156 29.2574348449707 1.991481781005859 29.69390869140625 2.085159301757812 29.92488861083984 L 33.24621200561523 29.92488861083984 C 33.33988571166992 29.69390678405762 33.39565658569336 29.25743675231934 33.20637512207031 28.93544960021973 L 17.66568183898926 2.499462127685547 M 17.66568565368652 1.9073486328125e-06 C 18.18023300170898 1.9073486328125e-06 18.69478034973145 0.3035545349121094 19.05167579650879 0.9106597900390625 L 34.93052673339844 27.92188835144043 C 35.87477493286133 29.52813911437988 35.04493713378906 31.92488861083984 33.54453659057617 31.92488861083984 L 1.786827087402344 31.92488861083984 C 0.2864341735839844 31.92488861083984 -0.5434036254882812 29.52813911437988 0.4008369445800781 27.92188835144043 L 16.27969551086426 0.9106597900390625 C 16.6365909576416 0.3035545349121094 17.15113830566406 1.9073486328125e-06 17.66568565368652 1.9073486328125e-06 Z" stroke="none" fill="#001219"/></g><g transform="translate(35.331 32) rotate(180)" fill="none"><path d="M16.28.911a1.51,1.51,0,0,1,2.772,0L34.931,27.922c.944,1.606.114,4-1.386,4H1.787c-1.5,0-2.33-2.4-1.386-4Z" stroke="none"/><path d="M 17.66568183898926 2.499462127685547 L 2.124996185302734 28.93543815612793 C 1.935707092285156 29.2574348449707 1.991481781005859 29.69390869140625 2.085159301757812 29.92488861083984 L 33.24621200561523 29.92488861083984 C 33.33988571166992 29.69390678405762 33.39565658569336 29.25743675231934 33.20637512207031 28.93544960021973 L 17.66568183898926 2.499462127685547 M 17.66568565368652 1.9073486328125e-06 C 18.18023300170898 1.9073486328125e-06 18.69478034973145 0.3035545349121094 19.05167579650879 0.9106597900390625 L 34.93052673339844 27.92188835144043 C 35.87477493286133 29.52813911437988 35.04493713378906 31.92488861083984 33.54453659057617 31.92488861083984 L 1.786827087402344 31.92488861083984 C 0.2864341735839844 31.92488861083984 -0.5434036254882812 29.52813911437988 0.4008369445800781 27.92188835144043 L 16.27969551086426 0.9106597900390625 C 16.6365909576416 0.3035545349121094 17.15113830566406 1.9073486328125e-06 17.66568565368652 1.9073486328125e-06 Z" stroke="none" fill="#001219"/></g></g></g></svg></a></li>
+            <li><a href="#">Collections</a></li>
+            <li><a href="#">About</a></li>
+            <li><a href="#">Contact</a></li>
+            <li><a href="#">Donate</a></li>
+        </ul>
+    </nav>
+    </header>
+</div>
     <section id="mission">
         <h2>Our Mission</h2>
         <div class="missiontext">