Make a footer menu

Changed the footer to a menu rather than hard coded

footer.php

@@ -13,17 +13,14 @@
 	</div><!-- .site-content -->
 
 	<footer id="colophon" class="site-footer" role="contentinfo">
-		<div class="site-info">
-			<?php
-				/**
-				 * Fires before the Twenty Fifteen footer text for footer customization.
-				 *
-				 * @since Twenty Fifteen 1.0
-				 */
-				do_action( 'twentyfifteen_credits' );
-			?>
-			<a href="/credits/">Credits</a> | <a href="/get-the-data/">Get the data</a>
-		</div><!-- .site-info -->
+	
+	<div id="navbar" class="navbar">
+				<nav id="site-navigation" class="navigation footer-navigation" role="navigation">										
+					<?php wp_nav_menu( array( 'theme_location' => 'footer-menu', 'menu_class' => 'footer-nav-menu', 'depth' =>'-1' ) ); ?>					
+				</nav><!-- #site-navigation -->
+			</div><!-- #navbar -->
+			
+
 	</footer><!-- .site-footer -->
 
 </div><!-- .site -->

functions.php

@@ -7,3 +7,9 @@ function theme_enqueue_styles() {
         array('parent-style')
     );
 }
+function footer_menu() {
+ 
+register_nav_menu('footer-menu',__( 'Footer Menu' ));  
+}
+ 
+add_action( 'init', 'footer_menu' );

style.css

@@ -11,3 +11,61 @@
  Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
  Text Domain:  tal-hyperlocal
 */
+
+.footer-navigation {
+	clear: both;
+	margin: 0 auto;
+	max-width: 1080px;
+	min-height: 45px;
+	position: relative;
+}
+
+ul.footer-nav-menu,
+div.footer-nav-menu > ul {
+	margin: 0;
+	padding: 0 40px 0 0;
+}
+
+.footer-nav-menu li {
+	display: inline-block;
+	position: relative;
+}
+
+.footer-nav-menu li a {
+	color: #141412;
+	display: block;
+	font-size: 15px;
+	line-height: 1;
+	padding: 15px 20px;
+	text-decoration: none;
+}
+
+.footer-nav-menu li:hover > a,
+.footer-nav-menu li a:hover,
+.footer-nav-menu li:focus > a,
+.footer-nav-menu li a:focus {
+	background-color: rgba(20,20,20,0.8);
+	color: #fff;
+}
+
+
+
+.footer-nav-menu .current_page_item > a
+{
+	color: #000000;
+	font-weight: bold;
+	font-style: italic;
+}
+
+.menu-toggle {
+	display: none;
+}
+
+/* Navbar */
+.navbar {
+	background-color:rgba(240,240,240,0.8) ;
+	margin: 0 auto 20px auto;
+	max-width: 1600px;
+	width: 100%;
+	border-bottom:solid 2px rgba(200,200,200,0.8);
+	}