clearfix

Author: amyleew

index.html

@@ -38,7 +38,7 @@
 	</map>
 
 
-	<section class='pad2y'>
+	<section class='pad2y limiter'>
 
 		<!-- headers -->
 		<div class='col12 clearfix'>
@@ -56,10 +56,11 @@
 
 		<!-- content -->
 		<div class='col12 clearfix content'>
+		
 	    <div class='col2 margin1 center'>Flexible import of </br> OpenStreetMap data.</div>
 	    <div class='col2 margin1 center'>Handles continental sized </br> networks within miliseconds.</div>
 	    <div class='col2 margin1 center'>Supports car, foot, walk modes; easily customized through profiles.</div>
-	    <div class='col2 margin1'>
+	    <div class='col2 margin1 social'>
 	    	<div class='col12 clearfix'>
 	    		<div class='col2'>
 	    			<div class='social-icons social1-icon'></div>
@@ -79,6 +80,7 @@
 					<div class='col9 margin1'><a href='https://twitter.com/ProjectOSRM'>Twitter</a></div>
 	    	</div>
 	    </div>
+	    
 		</div>
 
 	</section>

site.css

@@ -34,24 +34,29 @@
 
 .subhead {
   font-family: 'Open Sans Condensed Bold';
-	font-size: 20px;
-	color: rgba(40, 0, 125, 0.6);
+	font-size: 24px;
+	color: rgba(40, 0, 125, 0.8);
 }
 
 .content {
-font-family: 'Open Sans Condensed Bold';
-font-size: 14px;
-color: rgba(100, 82, 207, 0.5);
+	font-family: 'Open Sans Condensed Bold';
+	font-size: 16px;
+	color: rgba(100, 82, 207, 0.5);
+	color: rgba(20, 82, 207, 0.6);
+}
+
+.content .social {
+	font-size: 12px;
+	color: rgba(20, 82, 207, 0.6);
 }
 
 /* Fills
 -------------------------------------------------------- */
-.fill-navy			{ background-color: #28007D; }
-.fill-blue  		{ background-color: #5052CF; }
-.fill-lavendar		{ background-color: #B4BDF9; }
-.fill-teal			{ background-color: #939CB9; }
-.fill-light     	{ background-color: #E6F2FA; }
-.fill-gold			{ background-color: #FFCA1B; }
+
+.fill-blue			{ background-color: rgba(20, 82, 207, 1); }
+.fill-purple		{ background-color: rgba(87, 43, 122, 1); }
+.fill-light     { background-color: rgba(173, 182, 196, 1); }
+.fill-gold			{ background-color: rgba(255, 202, 27, 1); }
 .fill-white     	{ background-color: #fff; }
 
 
@@ -85,12 +90,11 @@ map {
 
 section {
     height: 20vh;
-    background: #E6F2FA;
 }
 
 footer {
 	height: 5vh;
-	background: #939CB9;
+	background-color: rgba(173, 182, 196, 1);
 	color: #E6F2FA;
 	font-family: 'Open Sans Condensed Light';
 	font-size: 12px;
@@ -101,7 +105,9 @@ footer {
     position:relative;
 }
 .overlay {
-    background: rgba(80, 82, 207, 0.6);
+		/*005591
+    background: rgba(0, 85, 145, 0.6)*/
+    background: rgba(20, 82, 207, 0.6);
     position: absolute;
     width: 100%;
     height: 100%;