diff --git a/css/styles.css b/css/styles.css
index 8b13789..fd2662d 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1 +1,23 @@
+.container {
+  position: relative;
+}
 
+/* Bottom right text */
+.text-block {
+ 
+  position: absolute;
+  bottom: 20px;
+  right: 20px;
+  background-color: black;
+  color: white;
+  padding-left: 20px;
+  padding-right: 20px;
+Opacity: 40%;
+}
+Img{
+Border-radius: 50%;
+}
+.responsive{
+Border-radius: 80%;
+Background-color: black;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index e2bedec..44de447 100644
--- a/index.html
+++ b/index.html
@@ -1,47 +1,97 @@
 <!DOCTYPE html>
+
 <html>
+
 <head>
+
   <title>Cookie Store</title>
-</head>
-<body>
+<link rel="stylesheet" href="css/styles.css">
 
 
-<h1>Cookie Store</h1>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
 
-<p>Buy our awesome cookies. All proceeds go to charity!</p>
+</head>
 
+<body>
+<div class="container">
+  <img src="img/milkbg.jpg" alt="Milk" style="width:100%;">
+  <div class="text-block"> 
+    <h1>Cookie Store</h1>
+    <p>Buy our awesome cookies. All proceeds go to charity!</p>
+  
+  </div>
+</div>
+ 
+
+</div>
 <h2>The Cookies</h2>
 
+<div class="container">
+  <div class="row">
+    <div class="col-sm-12 col-md-3 col-lg-3">
+
 <h3>Thin Mint Cookies</h3>
+
 <p>Tasty mint chocolate cookies</p>
+
 <img src="img/mint.png">
+    </div>
+<div class="col-sm-12 col-md-3 col-lg-3">
 
+    
 <h3>Peanut Butter Cookies</h3>
+
 <p>Yummy peanut buttery goodness!</p>
-<img src="img/peanut.png">
 
+<img src="img/peanut.png">
+</div>
+ <div class="col-sm-12 col-md-3 col-lg-3">
+  
 <h3>Short Bread Cookies</h3>
+
 <p>Santa's favorite classic.</p>
+
 <img src="img/shortbread.png">
+</div>
+ <div class="col-sm-12 col-md-3 col-lg-3">
 
 <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
+<img src="img/smores.png" alt= "Smores" class ="responsive">
+  </div>
+  </div>
+</div>
+<div>
+
+<h2 style = "background-color:lightgray;">About us</h2>
+
+<div style = "background-color:lightgray;">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>
+</div>
+<h2 style = "background-color:DodgerBlue;">Contact us</h2>
+
+<div style = "background-color:DodgerBlue;">
+
   100 Broadway Avenue,<br>
+
   New York, NY 10001 <br>
+
   (212) 555-1234
+
 </div>
 
 </body>
+
 </html>
