diff --git a/great-idea/css/index.css b/great-idea/css/index.css
index 11a690045..1651b5485 100644
--- a/great-idea/css/index.css
+++ b/great-idea/css/index.css
@@ -3,6 +3,10 @@
    License: none (public domain)
 */
 
+* {
+    box-sizing: border-box;
+}
+
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
@@ -16,13 +20,16 @@ article, aside, canvas, details, embed,
 figure, figcaption, footer, header, hgroup, 
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
-	margin: 0;
-	padding: 0;
+	margin: 20;
+	padding: 20;
 	border: 0;
 	font-size: 100%;
 	font: inherit;
-	vertical-align: baseline;
+	
+	
 }
+
+
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section {
@@ -62,3 +69,77 @@ h1, h2, h3, h4, h5 {
     letter-spacing: 1px;
     margin-bottom: 15px;
 }
+
+h1 {
+	font-size: 80px;
+}
+
+.container {
+	width: 880px;
+	margin: 0 auto;
+  }
+
+header {
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-start;
+	width: 100%;
+}
+
+header nav {
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-start;
+	margin-top: 35px;
+	width: 75%;
+  }
+
+header nav a {
+	margin-right: 65px;
+	font-size: 14px;
+	color: gray;
+	text-decoration: none;
+  }
+
+header nav a:hover {
+	text-decoration: underline;
+}
+
+
+.cta {
+	margin-top: 100px;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-start;
+	justify-content: space-evenly;
+	text-align: center;
+}
+
+.cta img {
+	flex-direction: row;
+	justify-content: flex-start;
+}
+
+.main-content .top-content {
+	display: flex;
+	flex-direction: row;
+	justify-content: space-evenly;
+	
+}
+
+.main-content .bottom-content {
+	display: flex;
+	flex-direction: row;
+	justify-content: space-around;
+}
+
+.bottom-content .text-content {
+	width: 280px;
+}
+
+footer {
+	margin: 32px 0;
+	text-align: center;
+	font-size: 14px;
+  }
+
diff --git a/great-idea/index.html b/great-idea/index.html
index 6da3e589a..fafb345ec 100644
--- a/great-idea/index.html
+++ b/great-idea/index.html
@@ -38,7 +38,10 @@ <h1>Innovation<br> On<br> Demand</h1>
         <img src="img/header-img.png" alt="Image of a code snippet.">
       </section><!-- cta -->
 
+
+
       <section class="main-content">
+          <hr>
         <div class="top-content">
           <div class="text-content">
             <h4>Features</h4>
@@ -64,8 +67,11 @@ <h4>Vision</h4>
             <p>Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</p>
           </div>
         </div>
+        <hr>
       </section><!-- main-content -->
 
+     
+
       <section class="contact">
         <h4>Contact</h4>
         <p>123 Way 456 Street<br>