From d3f4c77dcee44e104dcfe85fe406e8568bac121b Mon Sep 17 00:00:00 2001
From: HumairAK <humair88@hotmail.com>
Date: Fri, 8 Jul 2016 05:09:14 -0400
Subject: Fixed content centering for homepage

---
 assets/css/style.css | 32 +++++++++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 5 deletions(-)

(limited to 'assets/css')

diff --git a/assets/css/style.css b/assets/css/style.css
index e9fc480..21275f5 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -41,6 +41,8 @@ a {
 		padding: 10%;
 		height: 3%;
 		width: auto;
+		/* Humair - I added this because size wasn't working for firefox*/
+		max-width: 150px;  
 	}
 
 
@@ -80,14 +82,34 @@ main {
 	overflow: auto;
 }
 
+/* Changes - main is a flex container for search content*/
+main{
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+
+/* Changes - search is a flex container for h2 and bar, removed various attributes */
 main #search {
-	position: absolute;
-	vertical-align: middle;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-direction: column;
+
 	width: 60%;
-	height: 80%;
+	height: 100%;
+	vertical-align: middle;
 	background-color: rgba(235,235,235, 0.7);
-	margin-left: 20%;
-	padding-top: 15%;
+
+}
+
+/* Changes - added h2 styiling for main */
+main #search h2{
+	font-family: 'Lato', sans-serif;
+	color: gray;
+	font-size: 2.5em;
+	margin: 4%;
 }
 
 main #search input[type=text] {
-- 
cgit v1.2.3