Fixed footer coloring

1 files changed, 27 insertions, 12 deletions

diff --git a/assets/css/style.css b/assets/css/style.css
index 850faed..1b1a2d0 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,9 +1,12 @@
+
 html, body {
 	height: 100%;
+	font-family: 'Roboto', sans-serif;
 }
 
 body {
 	background-color: white;
+	margin: 0;
 }
 
 ul {
@@ -14,8 +17,11 @@ a {
 	text-decoration: none;
 }
 
+
+/*top_bar.height + main.height + footer.height = 8% + 80% + 12% */
 #top-bar{  
     width: 100%;
+    height: 8%;
     display: flex;
     display: -webkit-flex;
     flex-direction: row;
@@ -100,6 +106,7 @@ main #search {
 	height: 100%;
 	background-color: rgba(235,235,235, 0.7);
 
+
 }
 
 /* Changes - added h2 styiling for main */
@@ -139,31 +146,39 @@ main #search img {
 	display: inline;
 }
 
+
 footer {
-	position: relative;
+	background-color: #333333;
 	bottom: 0;
-	background-color: white;
+	height: 12%; 
 }
 
-footer nav {
-	padding-left: 16%;
+footer #footer-container{
+	margin-left: 20%;
+	margin-right: 20%;
+	padding: .5%;
 }
-
-footer nav ul li{
-	display: inline-block;
+footer nav a{
 	float: left;
+	padding-right: 20px;
+	font-size: 1em;	
 }
 
 footer h6 {
-	display: inline-block;
+	margin: 0;
+	color: white;
 	float: right;
-	padding-right: 20%;
+	font-size: 1em;
+	font-weight: normal;
+	font-style: italic;
+
 }
 
-footer nav ul li a {
+footer nav a {
 	display: block;
 	color: darkgray;
-	text-align: center;
-	padding: 14px 16px;
 	vertical-align: top;
 }
+
+
+