diff --git a/.DS_Store b/.DS_Store
index 807956c49..8564d0db2 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/css/index.css b/css/index.css
index 21442c782..1bf8b1de4 100644
--- a/css/index.css
+++ b/css/index.css
@@ -18,7 +18,7 @@ menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
 	margin: 0;
 	padding: 0;
-	border: 0;
+	/* border: 0; */
 	font-size: 100%;
 	font: inherit;
 	vertical-align: baseline;
@@ -49,6 +49,7 @@ table {
 
 * {
     box-sizing: border-box;
+    border: 1px solid grey;
 }
 
 html {
@@ -91,9 +92,42 @@ header {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
+    background-color: rgb(0, 4, 17, .8);
+    color: rgb(225, 239, 230);
+}
+h1{
+    display: flex;
+    justify-content: center;
+    color: rgb(225, 239, 230);
+}
+nav{
+    display: flex;
+    flex-direction: column;
+}
+
+.navlinks{
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: space-evenly;
+}
+nav a{
+    color: rgb(225, 239, 230);
+}
+nav a:hover{
+    color: lightskyblue;
+}
+i{
+    font-size: 3.5rem;
+}
+.sociallinks{
+    width: 25%;
+    margin: auto;
+    padding: 20px;
+    display: flex;
+    justify-content: space-evenly;
 }
 
-/* spacers */
+spacers
 .spacer {
     width: 100%;
     height: 20vh;
@@ -107,21 +141,38 @@ header {
 
 /* gallery section */
 .gallery {
-    width: 100%;
-    height: 100vh;
+    /* width: 70%; */
+    /* height: 90vh; */
     text-align: center;
     background-color: rgb(0, 4, 17);
+    color: rgb(225, 239, 230);
+    /* display: flex; */
+    /* flex-direction: column; */
+}
+.galleryimg{
+  width: 100%;
+  display: flex;
+  justify-content: space-evenly;
+  flex-flow: row wrap;
+}
+.galleryimg div{
+    width: 30%;
+    margin-bottom: 10px;
+}
+.galleryimg div img{
+    width: 100%;
 }
 
 /* about us section */
 .about {
     width: 100%;
-    height: 75vh;
+    height: 100vh;
     text-align: center;
     background-image: url("../img/staff-cooks.jpg");
     background-size: cover;
     background-position: top;
     background-repeat: no-repeat;
+    color: rgb(225, 239, 230);
 }
 
 .about-container {
@@ -149,6 +200,7 @@ header {
     background-position: center;
     background-repeat: no-repeat;
     background-color: rgb(0, 4, 17);
+    color: rgb(225, 239, 230);
 }
 
 .contact-container {
@@ -188,22 +240,78 @@ header {
     width: 25%;
 }
 
+.contacts a{
+    color: rgb(225, 239, 230);
+}
+
+
 /* footer section */
-footer {
+footer{
     width: 100%;
-    height: 15vh;
-    padding-top: 2.5vh;
-    font-size: 3rem;
+    display: flex;
+    justify-content: space-between;
+    padding: 20px;
+    background-color: rgb(0, 4, 17);
+    color: rgb(225, 239, 230);
+}
+.maillist{
+    width: 35%;
+    text-align: center;
+}
+input{
+    padding: 10px 10px;
+    width: 70%;
+}
+button{
+    padding: 10px 20px;
+}
+.navrow{
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: space-between;
+    gap: 0 100px;
+}
+.copyright p{
+    font-size: 1.5rem;
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-end;
 }
 
 /* mobile media query */
 @media (max-width: 428px) {
     /* header section */
-    
+    header {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        text-align: center;
+    }
+    h1{
+        font-size: 5rem;
+    }
+    .navlinks{
+        display: flex;
+        flex-direction: column;
+        text-align: center;
+    }
+    .sociallinks{
+        display: flex;
+        gap: 0 10px;
+    }
 
     /* gallery section */
     .gallery {
+        /* height: auto; */
+    }
+    .galleryimg{
+        width: 100%;
         height: auto;
+        display: flex;
+        flex-direction: column;
+    }
+    .galleryimg div{
+        width: 100%;
     }
     
     /* about us section */
@@ -238,16 +346,8 @@ footer {
     .hours {
         width: 100%;
     }
-    
     .contacts {
         width: 100%;
         padding-bottom: 2.5vh;
     }
-
-    /* footer section */
-    footer {
-        height: auto;
-        padding-top: 2.5vh;
-        font-size: 2rem;
-    }
 }
diff --git a/index.html b/index.html
index 775cccb67..e3f6ef219 100644
--- a/index.html
+++ b/index.html
@@ -4,50 +4,66 @@
 
 <head>
 	<meta charset="utf-8">
-
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Sprint Challenge - Home</title>
 
 	<link href="https://fonts.googleapis.com/css?family=Roboto|Rubik" rel="stylesheet">
 	<script src="https://kit.fontawesome.com/5b12ffad4b.js" crossorigin="anonymous"></script>
+	<link rel="stylesheet" href="css/index.css">
 </head>
 
 <body>
 	<div>
 		<!-- header -->
 		<header>
-			<div>
-				BLOOMTECH BAR AND GRILL
-
-				<!-- nav -->
-				Menu
-				Reservations
-				Special Offers
-				Contact
-			</div>
+			<h1><a href="index.html">BLOOMTECH BAR AND GRILL</a></h1>
+			<!-- nav -->
+			<nav>
+				<div class="navlinks">
+					<a href="menu.html">Menu</a>
+					<a href="#contactsection">Reservations</a>
+					<a href="#contactsection">Special Offers</a>
+					<a href="#contactsection">Contact</a>
+				</div>
+				<div class="sociallinks">
+					<i class="fa-brands fa-square-facebook"></i>
+					<i class="fa-brands fa-square-twitter"></i>
+					<i class="fa-brands fa-square-instagram"></i>
+				</div>	
+			</nav>
 		</header>
 
 		<!-- gallery section -->
 		<section class="gallery">
-			<div>
-				<h2>OUR FOOD</h2>
-
-				img/food-avocadotoast.jpg
-
-				img/food-burger.jpg
-
-				img/food-poutine.jpg
-
-				img/food-ribs.jpg
-
-				img/food-sandwich.jpg
-
-				img/food-sausage.jpg
-
-				img/food-steak.jpg
-
-				img/food-tacos.jpg
-
-				img/food-wings.jpg
+			<h2>OUR FOOD</h2>
+			<div class="galleryimg">
+				<div>
+					<img src="img/food-avocadotoast.jpg" alt="Avocado Toast">
+				</div>
+				<div>
+					<img src="img/food-burger.jpg" alt="Burger">
+				</div>
+				<div>
+					<img src="img/food-poutine.jpg" alt="Poutine">
+				</div>
+				<div>
+					<img src="img/food-ribs.jpg" alt="Ribs">
+				</div>
+				<div>
+					<img src="img/food-sandwich.jpg" alt="Sandwich">
+				</div>
+				<div>
+					<img src="img/food-poutine.jpg" alt="Poutine">
+				</div>
+				<div>
+					<img src="img/food-tacos.jpg" alt="Tacos">
+				</div>
+				<div>
+					<img src="img/food-wings.jpg" alt="Wings">
+				</div>
+				<div>
+					<img src="img/food-steak.jpg" alt="Steak">
+				</div>
 			</div>
 		</section>
 
@@ -82,7 +98,7 @@ <h3>Good Food, Great People</h3>
 		<div class="spacer"></div>
 
 		<!-- contact section -->
-		<section class="contact">
+		<section class="contact" id="contactsection">
 			<div class="contact-container">
 				<h2>CONTACT US</h2>
 
@@ -125,15 +141,21 @@ <h3>Contacts</h3>
 		<!-- footer -->
 		<footer>
 			<!-- email signup -->
-			Join our mailing list!
-			Sign Up
-			<!-- nav -->
-			Menu
-			Reservations
-			Special Offers
-			Contact
-			<!-- copyright -->
-			©2022 BloomTech Restaurant Group, Inc. All Rights Reserved.
+			<div class="maillist">
+				<p>Join our mailing list!</p>
+				<input type="email" placeholder="Email Address" name="email" id=""><button type="submit">Sign Up</button>
+			</div>
+			<div>
+				<nav class="navrow">
+					<a href="menu.html">Menu</a>
+					<a href="#contactsection">Reservations</a>
+					<a href="#contactsection">Special Offers</a>
+					<a href="#contactsection">Contact</a>
+				</nav>
+				<div class="copyright">
+					<p>©2022 BloomTech Restaurant Group, Inc. All Rights Reserved.</p>
+				</div>
+			</div>
 		</footer>
 	</div>
 </body>
diff --git a/menu.html b/menu.html
index 08457325c..64f8b0bb0 100644
--- a/menu.html
+++ b/menu.html
@@ -4,131 +4,174 @@
 
 <head>
     <meta charset="utf-8">
-
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Sprint Challenge - Menu</title>
 
     <link href="https://fonts.googleapis.com/css?family=Roboto|Rubik" rel="stylesheet">
     <script src="https://kit.fontawesome.com/5b12ffad4b.js" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="css/menu.css">
+
 </head>
 
 <body>
     <div>
         <!-- header -->
-        <header>
-            BLOOMTECH BAR AND GRILL
-
-            <!-- nav -->
-            Menu
-            Reservations
-            Special Offers
-            Contact
-        </header>
+		<header>
+			<h1><a href="index.html">BLOOMTECH BAR AND GRILL</a></h1>
+			<!-- nav -->
+			<nav>
+				<div class="navlinks">
+					<a href="menu.html">Menu</a>
+					<a href="#contactsection">Reservations</a>
+					<a href="#contactsection">Special Offers</a>
+					<a href="#contactsection">Contact</a>
+				</div>
+				<div class="sociallinks">
+					<i class="fa-brands fa-square-facebook"></i>
+					<i class="fa-brands fa-square-twitter"></i>
+					<i class="fa-brands fa-square-instagram"></i>
+				</div>	
+			</nav>
+		</header>
 
         <!-- spacer -->
         <div class="spacer"></div>
 
         <!-- menu -->
         <article class="menu">
-            Food & Drink
-
-                Drinks
-                    Soda
-                    $2
-                    Coke products
-
-                    Coffee
-                    $2
-                    Cream and sugar available upon request
-
-                    Beer
-                    $5
-                    Delicious and refreshing
-
-                    Wine
-                    $5
-                    Light and fruity
-
-                    Cocktail
-                    $10
-                    Ask about our specials
-
-                Appetizers
-                    Fried Pickles
-                    $6
-                    Golden and crispy with tang!
-                    (V)
-                    
-                    Buffalo Wings
-                    $10
-                    5 wings per order; mild, medium, or hot sauce and served with bleu cheese/ranch and carrot sticks
-                    (GF)
-
-                    Poutine
-                    $5
-                    Homemade fries topped with everything but the kitchen sink
-
-                Soup and Salad
-                    House Salad
-                    $8
-                    Spinach and arugala with all the good veggies; add chicken for $6
-                    (GF, V)
-                    
-                    French Onion Soup
-                    $4
-                    Served with a thick topping of cheese and delicious bread
-                    
-                    Cheddar Broccoli Soup
-                    $5
-                    Creamy and filling
-                    (GF)
-                    
-                Entrees
-                    Ribeye Steak
-                    $32
-                    Served with mashed potatoes and roasted asparagus
-
-                    Big Boy Burger
-                    $14
-                    Beef or black bean burger on homemade bun served with fries
-                    Black Bean Burger: (V)
-                    
-                    Pork Shortrib
-                    $18
-                    Melt off the bone finger food
-                    (GF)
-                    
-                Desserts
-                    Flourless Chocolate Cake
-                    $7
-                    Gooey and chocolatey heaven
-                    (GF)
-                    
-                    Cookies and Ice Cream
-                    $6
-                    Choose 2 cookies and 1 scoop of ice cream from an assortment
-                    
-                    Creme Brulee
-                    $8
-                    Crispy scorched top containing a perfect, smooth custard
-                    (GF)
+            <h2>Food & Drink</h2> 
+                <div class="menu-section">
+                    <h3>Drinks</h3>
+                    <div class="menu-item">
+                        <h4>Soda</h4>    
+                        <p>Coke products</p>
+                        <h4>$2</h4>   
+                    </div>
+                    <div class="menu-item">
+                        <h4>Coffee</h4>    
+                        <p>Cream and sugar available upon request</p>
+                        <h4>$2</h4>   
+                    </div>  
+                    <div class="menu-item">
+                        <h4>Beer</h4>    
+                        <p>Delicious and refreshing</p>
+                        <h4>$5</h4>   
+                    </div>  
+                    <div class="menu-item">
+                        <h4>Wine</h4>    
+                        <p>Light and fruity</p>
+                        <h4>$5</h4>   
+                    </div>  
+                    <div class="menu-item">
+                        <h4>Cocktail</h4>    
+                        <p>Ask about our specials</p>
+                        <h4>$10</h4>   
+                    </div>  
+                </div>
+                <div class="menu-section">
+                    <h3>Appetizers</h3>
+                    <div class="menu-item">
+                        <h4>Fried Pickles</h4>    
+                        <p>Golden and crispy with tang!</p>
+                        <h4>$6</h4>   
+                        <p>(V)</p>
+                    </div>
+                    <div class="menu-item">
+                        <h4>Buffalo Wings</h4>    
+                        <p>5 wings per order; mild, medium, or hot sauce and served with bleu cheese/ranch and carrot sticks</p>
+                        <h4>$10</h4>  
+                        <p>(GF)</p> 
+                    </div>  
+                    <div class="menu-item">
+                        <h4>Poutine</h4>    
+                        <p>Homemade fries topped with everything but the kitchen sink</p>
+                        <h4>$5</h4>   
+                    </div>  
+                </div>
+                <div class="menu-section">
+                    <h3>Soup and Salad</h3>
+                    <div class="menu-item">
+                        <h4>House Salad</h4>    
+                        <p>Spinach and arugala with all the good veggies; add chicken for $6</p>
+                        <h4>$8</h4>   
+                        <p>(GF, V)</p>
+                    </div>
+                    <div class="menu-item">
+                        <h4>French Onion Soup</h4>    
+                        <p>Served with a thick topping of cheese and delicious bread</p>
+                        <h4>$4</h4>  
+                    </div>  
+                    <div class="menu-item">
+                        <h4>Cheddar Broccoli Soupe</h4>    
+                        <p>Creamy and filling</p>
+                        <h4>$5</h4>   
+                        <p>(GF)</p>
+                    </div>  
+                </div>
+                <div class="menu-section">
+                    <h3>Entrees</h3>
+                    <div class="menu-item">
+                        <h4>Ribeye Steak</h4>    
+                        <p>Served with mashed potatoes and roasted asparagus</p>
+                        <h4>$32</h4>   
+                    </div>
+                    <div class="menu-item">
+                        <h4>Big Boy Burger</h4>    
+                        <p>Beef or black bean burger on homemade bun served with fries</p>
+                        <h4>$14</h4>  
+                        <p>Black Bean Burger: (V)</p>
+                    </div>  
+                    <div class="menu-item">
+                        <h4>Pork Shortrib</h4>    
+                        <p>Melt off the bone finger food</p>
+                        <h4>$18</h4>   
+                        <p>(GF)</p>
+                    </div>  
+                </div>
+                <div class="menu-section">
+                    <h3>Desserts</h3>
+                    <div class="menu-item">
+                        <h4>Flourless Chocolate Cake</h4>    
+                        <p>Gooey and chocolatey heaven</p>
+                        <h4>$7</h4>   
+                        <p>(GF)</p>
+                    </div>
+                    <div class="menu-item">
+                        <h4>Cookies and Ice Cream</h4>    
+                        <p>Choose 2 cookies and 1 scoop of ice cream from an assortment</p>
+                        <h4>$6</h4>  
+                    </div>  
+                    <div class="menu-item">
+                        <h4>Creme Brulee</h4>    
+                        <p>Crispy scorched top containing a perfect, smooth custard</p>
+                        <h4>$8</h4>   
+                        <p>(GF)</p>
+                    </div>  
+                </div>
         </article>
 
         <!-- spacer -->
         <div class="spacer-sm"></div>
 
         <!-- footer -->
-        <footer>
-            <!-- email signup -->
-            Join our mailing list!
-            Sign Up
-            <!-- nav -->
-            Menu
-            Reservations
-            Special Offers
-            Contact
-            <!-- copyright -->
-            ©2022 BloomTech Restaurant Group, Inc. All Rights Reserved.
-        </footer>
+		<footer>
+			<!-- email signup -->
+			<div class="maillist">
+				<p>Join our mailing list!</p>
+				<input type="email" placeholder="Email Address" name="email" id=""><button type="submit">Sign Up</button>
+			</div>
+			<div>
+				<nav class="navrow">
+					<a href="menu.html">Menu</a>
+					<a href="#contactsection">Reservations</a>
+					<a href="#contactsection">Special Offers</a>
+					<a href="#contactsection">Contact</a>
+				</nav>
+				<div class="copyright">
+					<p>©2022 BloomTech Restaurant Group, Inc. All Rights Reserved.</p>
+				</div>
+			</div>
+		</footer>
     </div>
 </body>