finished all required styling

app/assets/stylesheets/application.css

@@ -28,38 +28,88 @@
 body {
   position: relative;
   /*margin: 2em;*/
-  padding-bottom: 6rem;
+  /*padding-bottom: 6rem;*/
   min-height: 100%;
 }
 
 /**
  * Footer Styles
  */
 
-.footer {
-  font-family: 'Delius Unicase', cursive;
+.footer-search-and-show {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 1rem;
   background-color: #efefef;
   text-align: center;
+}
 
+.footer-index a {
+  color: white
+}
+
+.footer-index a:hover {
+  color: red;
+}
+
+.footer-index {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 1rem;
+  background-color: #3a9e53;
+  text-align: center;
+    color: white;
+}
+
+#footer-style {
+  font-family: 'Delius Unicase', cursive;
 }
 
 /**********INDEX PAGE*******************/
 /**********INDEX PAGE*******************/
 /**********INDEX PAGE*******************/
 
-.home-page-container {
+#home-logo {
   font-family: 'Delius Unicase', cursive;
+  font-size: 4em;
+  color: white;
 }
 
+.home-page-container {
+  font-family: 'Delius Unicase', cursive;
+  background-image: url(italian-cuisine.jpg);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size:cover;
+  display: block;
+  /*height: 100%;*/
+  position: relative;
+  padding: 200px 50px 300px 50px;
+  /*padding: inherit;*/
+  margin: 0;
+}
+ span {
+   text-align: center;
+ }
 
+.home-page-search {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: row;
+}
 
-
+.home-page-search div {
+  width: 300px;
+}
 /**********PAGE HEADER (FORM)*******************/
+.page-header h1 {
+
+}
 
 .page-header {
   display: flex;
@@ -150,8 +200,12 @@ body {
 }
 /*****PAGINATION*****/
 .pagination-container {
+  position: sticky;
   display: flex;
   align-items: center;
+  padding-bottom: 6rem;
+  min-height: 200px;
+
 }
 
 .page-numbers {
@@ -176,13 +230,11 @@ body {
 
 .food-image, .ingredient-list {
   margin: 2em;
-  max-width: 300px;
+  width: 300px;
 }
 
 .health-container, .dietary-container {
   margin: 2em;
-
-  /*max-width: 50%*/
 }
 
 .health-container h4, .dietary-container h4 {

app/assets/stylesheets/foundation.css

@@ -1189,7 +1189,7 @@ select {
   vertical-align: middle;
   margin: 0 0 1rem 0;
   font-family: inherit;
-  padding: 0.85em 1em;
+  /*padding: 0.85em 1em;*/
   -webkit-appearance: none;
   border: 1px solid transparent;
   border-radius: 3px;

app/views/layouts/application.html.erb

@@ -18,11 +18,5 @@
     <% end  %>
 
     <%= yield %>
-
-  <footer class="footer">
-       <h4>
-         Powered by <%= link_to "Edamam", "https://www.edamam.com/" %>
-       </h4>
-     </footer>
   </body>
 </html>

app/views/recipes/index.html.erb

@@ -1,9 +1,19 @@
-<header .home-page-container>
-  <h1>Muncher</h1>
-  <nav>
+<header class = "home-page-container">
+  <span>
+    <h1 id = "home-logo">Muncher</h1>
+  </span>
+  <span class = "home-page-search">
+    <div>
     <%= form_tag recipes_search_path, :method => "get" do %>
       <%= text_field_tag :keywords%>
       <%= submit_tag "Search"%>
     <% end %>
-  </nav>
+    </div>
+  </span>
 </header>
+
+<footer class="footer-index" id = "footer-style">
+  <h4>
+    Powered by <%= link_to "Edamam", "https://www.edamam.com/" %>
+  </h4>
+</footer>

app/views/recipes/search.html.erb

@@ -7,7 +7,7 @@
 <%= params %> -->
 <section class="search-and-show-body">
 
-<section "results-header">
+<section class = "results-header">
   <% unless params[:keywords] == nil %>
     <h4>results for "<%= @keywords %>" </h4>
   <%end%>
@@ -54,5 +54,10 @@
   <h3>No recipes are available for those search terms</h3>
 <%end%>
 
-
 </section>
+
+<footer class="footer-search-and-show" id = "footer-style">
+  <h4>
+    Powered by <%= link_to "Edamam", "https://www.edamam.com/" %>
+  </h4>
+</footer>

app/views/recipes/show.html.erb

@@ -31,19 +31,25 @@
       <%end%>
     </div>
 
-  <div class= "dietary-container">
-    <h4>Dietary Information</h4>
-    <%if @recipe.dietLabels.length == 0%>
-      <p>No available dietary information.</p>
-    <%else%>
-      <ul><%@recipe.dietLabels.each do |diet_label|%>
-        <li><%=diet_label%></li>
-      </ul>
+    <div class= "dietary-container">
+      <h4>Dietary Information</h4>
+      <%if @recipe.dietLabels.length == 0%>
+        <p>No available dietary information.</p>
+      <%else%>
+        <ul><%@recipe.dietLabels.each do |diet_label|%>
+          <li><%=diet_label%></li>
+        </ul>
+        <%end%>
       <%end%>
-    <%end%>
-    </div>
+      </div>
   </section>
 
   <h4><%= link_to "Source Website", @recipe.url%> </h4>
 
 </section>
+
+<footer class="footer-search-and-show" id = "footer-style">
+  <h4>
+    Powered by <%= link_to "Edamam", "https://www.edamam.com/" %>
+  </h4>
+</footer>