diff --git a/project1/.DS_Store b/project1/.DS_Store
index e21ee2909..5cf6cb962 100644
Binary files a/project1/.DS_Store and b/project1/.DS_Store differ
diff --git a/project1/css/index.css b/project1/css/index.css
index fa13b5178..290eacb63 100644
--- a/project1/css/index.css
+++ b/project1/css/index.css
@@ -62,3 +62,87 @@ h1, h2, h3, h4, h5 {
     letter-spacing: 1px;
     margin-bottom: 10px;
 }
+
+.container{
+	margin: 0 auto;
+	width: 900px;
+}
+
+header {
+	width: 100%;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin: 20px 0;
+}
+
+header nav {
+	flex-grow: 1;
+}
+
+header nav ul li a {
+	text-decoration: none;
+	color: gray;
+}
+
+header nav ul li a:hover {
+	text-decoration: underline;
+	color: blue;;
+}
+
+header nav ul {
+	display: flex;
+	justify-content: space-around;
+}
+
+.cta {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.cta .cta-text{
+	flex-grow: 1;
+	display: flex;
+	justify-content: center;
+	flex-direction: column;
+	align-items: center;
+}
+.cta .cta-text h1{
+	font-size: 76px;
+}
+
+.cta .cta-text button{
+	font-size: 20px;
+	color: gray;
+	background-color: white;
+	border: 1px solid gray;
+}
+
+.top-content {
+	display: flex;
+	justify-content: space-between;
+	border-top: 1px solid gray;
+	margin: 40px 0;
+	padding-top: 40px;
+} 
+
+.bottom-content {
+	display: flex;
+	justify-content: space-between;
+	border-bottom: 1px solid gray;
+	margin: 40px 0;
+	padding-bottom: 40px;
+} 
+
+.bottom-content .text-content{ 
+	padding: 10px;
+}
+
+.contact p{
+	padding: 10px 0;
+}
+
+footer p {
+	text-align: center;
+}
\ No newline at end of file
diff --git a/project1/index.html b/project1/index.html
index b951beaf6..350ad3087 100644
--- a/project1/index.html
+++ b/project1/index.html
@@ -52,7 +52,6 @@ <h1>Innovation<br> On<br> Demand</h1>
             </div>
             <img src="img/header-img.png" alt="Image of a code snippet.">
         </section>
-
         <section class="main-content">
 
             <div class="top-content">
@@ -65,7 +64,6 @@ <h4>About</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>
-
             <img class="middle-img" src="img/mid-page-accent.jpg" alt="Image of code snippets across the screen">
 
             <div class="bottom-content">
@@ -84,7 +82,6 @@ <h4>Vision</h4>
             </div>
 
         </section>
-
         <section class="contact">
 
             <h4>Contact</h4>