fixed footer

Author: amyleew

index.html

@@ -22,7 +22,7 @@
 		-->
 	</header>
 
-	<map class='contain clearfix'>
+	<map class='clearfix'>
 		<div class='overlay clearfix'>
 
 			<div class='limiter clearfix'>
@@ -38,6 +38,10 @@
 	</map>
 
 
+	
+<footer class='clearfix'>
+	
+	
 	<section class='pad2y limiter'>
 
 		<!-- headers -->
@@ -90,9 +94,13 @@
 	</section>
 
 
-	<footer class='center pad-top2'>
+	<div class='footer'>
+		<div class='clearfix  center pad2y limiter'>
 		© OSRM is free, open source, and available under the very permissive (simplified) 2-clause BSD license.
-	</footer>
+		</div>
+	</div>
+		
+</footer>
 
 	<!-- Place this tag right after the last button or just before your close body tag. -->
 	<script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>

site.css

@@ -83,32 +83,42 @@ map {
     background-image: url('images/route_map.png');
     display: block;
     background-position: center center;
-    min-height: 420px;
+    min-height: 800px;
+    
 }
 
 section {
 	min-height: 150px;
 }
 
 footer {
-	background-color: rgba(173, 182, 196, 1);
-	color: rgba(255, 255, 255, 0.8);
-	font-family: 'Open Sans Condensed Light';
-	font-size: 12px;
-	letter-spacing: .5px;
-	min-height: 40px;
-	}
+	position: fixed;
+  bottom: 0;
+  width: 100%;
+	min-height: 200px;
+	max-height: 250px;
+	background-color: white;
+}
 
 .contain {
     position:relative;
 }
+
 .overlay {
     background: rgba(20, 82, 207, 0.6);
     position: absolute;
     width: 100%;
     height: 100%;
 }
 
+.footer {
+	background-color: rgba(173, 182, 196, 1);
+	color: rgba(255, 255, 255, 0.8);
+	font-family: 'Open Sans Condensed Light';
+	font-size: 12px;
+	letter-spacing: .5px;
+}
+
 
 /* Markup free clearing
 Details: http://www.positioniseverything.net/easyclearing.html