diff --git a/css/styles.css b/css/styles.css
index 8b13789..049efb3 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1 +1,39 @@
+#contact-us {
+	background: lightblue;
+}
 
+#about-us {
+	background: lightgray;
+}
+
+#header {
+	background-image: url("../img/milkbg.jpg");
+	height: 500px;
+	background-repeat: no-repeat;
+	background-position: center;
+}
+
+#header-text {
+	/*padding: 100px;*/
+	position: relative;
+	top: 125px;
+	display: inline-block;
+}
+
+#about-img {
+	float: left;
+}
+
+#about-text {
+	padding-left: 300px;
+}
+
+.jumbotron {
+	background-color: black;
+	opacity: 0.6;
+	color: white;
+}
+
+.row {
+	padding: 30px;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index e2bedec..bbba9a1 100644
--- a/index.html
+++ b/index.html
@@ -1,47 +1,93 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <title>Cookie Store</title>
-</head>
-<body>
+  	<title>Cookie Store</title>
+  	<!-- Latest compiled and minified CSS -->
+	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
+	<!-- Optional theme -->
+	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
 
-<h1>Cookie Store</h1>
+	<!-- Latest compiled and minified JavaScript -->
+	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 
-<p>Buy our awesome cookies. All proceeds go to charity!</p>
+	<link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
 
-<h2>The Cookies</h2>
+	<div class="container">
+		<div class="row">
+			<div class="col-md-12 text-center" id="header">
+				<div class="jumbotron img-responsive" id="header-text">
+					<h1>Cookie Store</h1>
+					<p>Buy our awesome cookies. All proceeds go to charity!</p>
+				</div>
+			</div>
+		</div>
 
-<h3>Thin Mint Cookies</h3>
-<p>Tasty mint chocolate cookies</p>
-<img src="img/mint.png">
+		<h2 class="text-center">The Cookies</h2>
 
-<h3>Peanut Butter Cookies</h3>
-<p>Yummy peanut buttery goodness!</p>
-<img src="img/peanut.png">
+		<div class="row">
+			<div class="col-md-3 col-sm-12 col-lg-12 text-center">
+				<div class="col-lg-6 col-lg-pull-left col-lg-text-right">
+					<h3 >Thin Mint Cookies</h3>
+					<p>Tasty mint chocolate cookies</p>
+				</div>
+				<img src="img/mint.png" class="img-responsive img-circle center-block">
+			</div>
 
-<h3>Short Bread Cookies</h3>
-<p>Santa's favorite classic.</p>
-<img src="img/shortbread.png">
+			<div class="col-md-3 col-sm-12 col-lg-12 text-center">
+				<div class="col-lg-6 col-lg-push-6 col-lg-text-left">
+					<h3>Peanut Butter Cookies</h3>
+					<p>Yummy peanut buttery goodness!</p>
+				</div>
+				<div class="col-lg-6 col-lg-pull-6">
+					<img src="img/peanut.png" class="img-responsive img-circle center-block">
+				</div>
+			</div>
 
-<h3>Smore's Cookies</h3>
-<p>Camp fire favorite!</p>
-<img src="img/smores.png">
+			<div class="col-md-3 col-sm-12 col-lg-12 text-center">
+				<div class="col-lg-6 col-lg-pull-left col-lg-text-right">
+					<h3>Short Bread Cookies</h3>
+					<p>Santa's favorite classic.</p>
+				</div>
+				<img src="img/shortbread.png" class="img-responsive img-circle center-block">
+			</div>
 
-<h2>About us</h2>
-<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
+			<div class="col-md-3 col-sm-12 col-lg-12 text-center">
+				<div class="col-lg-6 col-lg-push-6 col-lg-text-left">
+					<h3>Smore's Cookies</h3>
+					<p>Camp fire favorite!</p>
+				</div>
+				<div class="col-lg-6 col-lg-pull-6">
+					<img src="img/smores.png" class="img-responsive img-circle center-block">
+				</div>
+			</div>
+		</div>
 
-<h2>Contact us</h2>
-<div>
-  100 Broadway Avenue,<br>
-  New York, NY 10001 <br>
-  (212) 555-1234
-</div>
+		<div class="row" id="about-us">
+			<div id="about-img">
+				<img src="img/cmonster.png">
+			</div>
+			<div id="about-text">
+				<h2 class="text-center">About us</h2>
+				<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+				tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+				quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+				consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+				cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+				proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
+			</div>
+		</div>
 
+		<div class="row text-center" id="contact-us">
+			<h2>Contact us</h2>
+			<div>
+			  100 Broadway Avenue,<br>
+			  New York, NY 10001 <br>
+			  (212) 555-1234
+			</div>
+		</div>
+	</div>
 </body>
 </html>
