diff --git a/css/styles.css b/css/styles.css
index 8b13789..c973261 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1 +1,84 @@
+@media (max-width: 992px) {
+	.cookie-text-right, .cookie-text-left {
+		text-align: center;
+	}
 
+	#cookie-content {
+		text-align: center;
+    	margin-bottom: 5px;
+	}
+}
+
+@media (min-width: 992px) {
+	.cookie-text-right {
+		text-align: right;
+	}
+
+	.cookie-text-left {
+		text-align: left;
+	}
+
+	#cookie-content {
+    	margin-bottom: 5px;
+	}
+}
+
+* {
+    box-sizing: border-box;
+}
+#banner {
+	background-image: url('../img/milkbg.jpg');
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: cover;
+	min-width: 768px;
+	height: 50em;
+}
+
+#banner-content {
+    background-color: rgba(0,0,0,0.6);
+    border-radius: 5px;
+    color: #FFF;
+    width: 50%;
+    height: 50%;
+    position: relative;
+    top: 25%;
+    left: 25%;
+    text-align: center;
+    padding: 5%;
+}
+
+#banner-content h1 {
+    font-size: 600%;
+    font-weight: bold;
+}
+
+#banner-content p {
+    font-size: 125%;
+}
+
+
+
+#about-us {
+    background-color: rgb(211,211,211);
+    font-size: 125%;
+}
+
+#about-us img {
+	float: left;
+}
+
+#contact-us {
+	background-color: rgb(25,160,207);
+    color: #FFF;
+    font-size: 125%;
+}
+
+.title-bold {
+    font-weight: bold;
+}
+
+.cookie-type img {
+    max-width: 100%;
+    max-height: 100%;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index e2bedec..f08a67b 100644
--- a/index.html
+++ b/index.html
@@ -2,46 +2,91 @@
 <html>
 <head>
   <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">
+<link href="./css/styles.css" type="text/css" rel="stylesheet">
 </head>
 <body>
 
+<div class="container-fluid">
+	<div id="banner" class="row">
+		<div id="banner-content" class="col-md-12 text-center">
+			<h1>Cookie Store</h1>
+			<p>Buy our awesome cookies. All proceeds go to charity!</p>
+		</div>
+	</div>
+
+	<div class="row">
+		<div class="col-md-12 text-center">
+			<h2 class="title-bold">The Cookies</h2>
+		</div>
+	</div>
+
+	<div id="cookie-content" class="row">
+		<div class="cookie-type">
+			<div class="col-md-9 cookie-text-right">
+				<h3 class="title-bold">Thin Mint Cookies</h3>
+				<p>Tasty mint chocolate cookies</p>
+			</div>
+			<img class="col-md-3 img-circle" src="img/mint.png">
+		</div>
+		<div class="cookie-type cookie-text-left">
+			<div class="col-md-9 col-md-push-3">
+				<h3 class="title-bold">Peanut Butter Cookies</h3>
+				<p>Yummy peanut buttery goodness!</p>
+			</div>
+			<img class="col-md-3 col-md-pull-9 img-circle" src="img/peanut.png">
+		</div>
+		<div class="cookie-type">
+			<div class="col-md-9 cookie-text-right">
+				<h3 class="title-bold">Short Bread Cookies</h3>
+				<p>Santa's favorite classic.</p>
+			</div>
+			<img class="col-md-3 img-circle" src="img/shortbread.png">
+		</div>
+		<div class="cookie-type">
+			<div class="col-md-9 col-md-push-3 cookie-text-left">
+				<h3 class="title-bold">Smore's Cookies</h3>
+				<p>Camp fire favorite!</p>
+			</div>
+			<img class="col-md-3 col-md-pull-9 img-circle" src="img/smores.png">
+		</div>
+	</div>
+
+	<div id="about-us" class="row">
+		<div class="col-md-12 text-center">
+			<h2 class="title-bold">About us</h2>
+			<img src="img/cmonster.png">
+			<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 id="contact-us" class="row">
+		<div class="col-md-12 text-center">
+			<h2 class="title-bold">Contact us</h2>
+			<div>
+			  100 Broadway Avenue,<br>
+			  New York, NY 10001 <br>
+			  (212) 555-1234
+			</div>
+		</div>
+	</div>
+</div>
+
 
-<h1>Cookie Store</h1>
 
-<p>Buy our awesome cookies. All proceeds go to charity!</p>
 
-<h2>The Cookies</h2>
 
-<h3>Thin Mint Cookies</h3>
-<p>Tasty mint chocolate cookies</p>
-<img src="img/mint.png">
 
-<h3>Peanut Butter Cookies</h3>
-<p>Yummy peanut buttery goodness!</p>
-<img src="img/peanut.png">
 
-<h3>Short Bread Cookies</h3>
-<p>Santa's favorite classic.</p>
-<img src="img/shortbread.png">
 
-<h3>Smore's Cookies</h3>
-<p>Camp fire favorite!</p>
-<img src="img/smores.png">
 
-<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>
 
-<h2>Contact us</h2>
-<div>
-  100 Broadway Avenue,<br>
-  New York, NY 10001 <br>
-  (212) 555-1234
-</div>
 
 </body>
 </html>
