diff --git a/index.html b/index.html
index 747f592..e3a7e45 100644
--- a/index.html
+++ b/index.html
@@ -318,10 +318,12 @@ <h2>Contact</h2>
       </div>
     </section>
   </div>
- 
+
   </main>
 
   <footer class="center row width-xl stack-lg">
+
+  
     <h2>footer title </h2>
     
     <div class="social-media-group center width-xl row justify-center">
diff --git a/style.css b/style.css
index 5405b16..d504202 100644
--- a/style.css
+++ b/style.css
@@ -33,8 +33,10 @@ html {font-size: 10px;}
   margin-right: auto; 
 }
 
+
 .pad2 {padding: 2rem;}
 .pad3 {padding: 3rem;}
+.pad0Top {padding-top: :0;}
 .pad5Top {padding-top: 5rem;}
 
 .width-sm {max-width: 20rem;}
@@ -339,6 +341,12 @@ input[type="checkbox"] {
 .contact-text {text-align: center;}
 
 /* footer css */
+#black-background {
+  height: 5rem; 
+  width:100%; 
+  background-color: var(--black);
+}
+
 footer {
   text-align: center;
   padding: 2rem;