center main copy

amyleew · amyleew · commit a27cf6dbb700 · 2015-08-07T12:51:16.000-04:00
diff --git a/index.html b/index.html
@@ -9,26 +9,31 @@
     
 <body>
 
-	<header>
-		<div class='row3 center'>
+	<header class='clearfix'>
+		<div class='center'>
 			<img src='images/osrm_logo.svg' width='370' height='150'>
 		</div>
-	  
+		
+	<!-- MOVE INTO CTA spot -->
+	<!--
 	  <div class='fr'>  
-	  <!-- Place this tag where you want the button to render. -->
 		<a class="github-button" href="https://github.com/Project-OSRM/osrm-backend/fork" data-icon="octicon-git-branch" data-style="mega" data-count-href="/Project-OSRM/osrm-backend/network" data-count-api="/repos/Project-OSRM/osrm-backend#forks_count" data-count-aria-label="# forks on GitHub" aria-label="Fork Project-OSRM/osrm-backend on GitHub">Fork</a>
 		</div>
-		
+		-->
 	</header>
 
-	<map class='contain'>
-		<div class='overlay col12'>
-			<div class='col6 margin4 space-top12 space-bottom2 title'>
-				Modern C++ routing engine for shortest paths in road networks.
-			</div>
-			<div class='col7 margin5'>
-				<div class='pad1y margin1 space-top4 button'>VIEW DEMO >></div>
+	<map class='contain clearfix'>
+		<div class='overlay'>
+		
+			<div class='limiter clearfix'>
+			
+				<div class='col6 margin3 pad4y clearfix'>
+					<div class='pad2y title '>Modern C++ routing engine for shortest paths in road networks.</div>
+					<div class='center'><a href='#'><input type='button' class='button' value='VIEW DEMO >>' name='' /></a></div>
+				</div>
+				
 			</div>
+			
 		</div>
 	</map>
 	
diff --git a/site.css b/site.css
@@ -26,7 +26,7 @@
 }
 
 .title {
-  font-family: 'Open Sans Condensed Bold';
+	font-family: 'Open Sans Condensed Bold';
 	font-size: 40px;
 	color: white;
 	text-align: center;
@@ -48,11 +48,11 @@ color: rgba(100, 82, 207, 0.5);
 -------------------------------------------------------- */
 .fill-navy			{ background-color: #28007D; }
 .fill-blue  		{ background-color: #5052CF; }
-.fill-lavendar	{ background-color: #B4BDF9; }
+.fill-lavendar		{ background-color: #B4BDF9; }
 .fill-teal			{ background-color: #939CB9; }
-.fill-light     { background-color: #E6F2FA; }
+.fill-light     	{ background-color: #E6F2FA; }
 .fill-gold			{ background-color: #FFCA1B; }
-.fill-white     { background-color: #fff; }
+.fill-white     	{ background-color: #fff; }
 
 
 
@@ -119,6 +119,13 @@ Details: http://www.positioniseverything.net/easyclearing.html
   clear:both;
   visibility:hidden;
   }
+  
+.limiter {
+  width:83.3333%;
+  max-width:1000px;
+  margin-left:auto;
+  margin-right:auto;
+  }
 
 
 /* Section Icons
@@ -266,8 +273,8 @@ bdo {
   border-width: 3px;
   border-color: #FFCA1B;
   border-style: solid;
-  width: 120px;
   text-align: center;
+  background-color: transparent;
   }
   .button:hover { 
   	background-color: #FFCA1B;
