diff --git a/09/media/imgs/01-min.jpg b/09/media/imgs/01-min.jpg
new file mode 100644
index 0000000..f6872ea
Binary files /dev/null and b/09/media/imgs/01-min.jpg differ
diff --git a/09/media/imgs/02-min.jpg b/09/media/imgs/02-min.jpg
new file mode 100644
index 0000000..2bf0e5f
Binary files /dev/null and b/09/media/imgs/02-min.jpg differ
diff --git a/09/media/imgs/03-min.jpg b/09/media/imgs/03-min.jpg
new file mode 100644
index 0000000..70dca2a
Binary files /dev/null and b/09/media/imgs/03-min.jpg differ
diff --git a/09/media/imgs/04-min.jpg b/09/media/imgs/04-min.jpg
new file mode 100644
index 0000000..65f4ee0
Binary files /dev/null and b/09/media/imgs/04-min.jpg differ
diff --git a/09/media/imgs/05-min.jpg b/09/media/imgs/05-min.jpg
new file mode 100644
index 0000000..77695c5
Binary files /dev/null and b/09/media/imgs/05-min.jpg differ
diff --git a/09/media/imgs/06-min.jpg b/09/media/imgs/06-min.jpg
new file mode 100644
index 0000000..9f0dc94
Binary files /dev/null and b/09/media/imgs/06-min.jpg differ
diff --git a/09/media/imgs/07-min.jpg b/09/media/imgs/07-min.jpg
new file mode 100644
index 0000000..5fa76a6
Binary files /dev/null and b/09/media/imgs/07-min.jpg differ
diff --git a/09/media/imgs/08-min.jpg b/09/media/imgs/08-min.jpg
new file mode 100644
index 0000000..155486d
Binary files /dev/null and b/09/media/imgs/08-min.jpg differ
diff --git a/09/media/imgs/10-min.jpg b/09/media/imgs/10-min.jpg
new file mode 100644
index 0000000..d867179
Binary files /dev/null and b/09/media/imgs/10-min.jpg differ
diff --git a/09/media/imgs/11-min.jpg b/09/media/imgs/11-min.jpg
new file mode 100644
index 0000000..26326a5
Binary files /dev/null and b/09/media/imgs/11-min.jpg differ
diff --git a/09/media/imgs/12-min.jpg b/09/media/imgs/12-min.jpg
new file mode 100644
index 0000000..7056c69
Binary files /dev/null and b/09/media/imgs/12-min.jpg differ
diff --git a/09/media/imgs/13-min.jpg b/09/media/imgs/13-min.jpg
new file mode 100644
index 0000000..73d7370
Binary files /dev/null and b/09/media/imgs/13-min.jpg differ
diff --git a/09/media/imgs/14-min.jpg b/09/media/imgs/14-min.jpg
new file mode 100644
index 0000000..d7c0e4c
Binary files /dev/null and b/09/media/imgs/14-min.jpg differ
diff --git a/09/media/imgs/15-min.jpg b/09/media/imgs/15-min.jpg
new file mode 100644
index 0000000..ef2d404
Binary files /dev/null and b/09/media/imgs/15-min.jpg differ
diff --git a/09/media/imgs/16-min.jpg b/09/media/imgs/16-min.jpg
new file mode 100644
index 0000000..2b81a33
Binary files /dev/null and b/09/media/imgs/16-min.jpg differ
diff --git a/09/media/imgs/17-min.jpg b/09/media/imgs/17-min.jpg
new file mode 100644
index 0000000..653db44
Binary files /dev/null and b/09/media/imgs/17-min.jpg differ
diff --git a/09/media/imgs/18-min.jpg b/09/media/imgs/18-min.jpg
new file mode 100644
index 0000000..1239477
Binary files /dev/null and b/09/media/imgs/18-min.jpg differ
diff --git a/09/photos.html b/09/photos.html
index 3bf5ac7..d0b506c 100644
--- a/09/photos.html
+++ b/09/photos.html
@@ -63,13 +63,50 @@
     		</div>
     		<div class="vl"></div>
 			<div id="left">
-				<section id="pdf">
-					<iframe src="./ViewerJS/?zoom=page-width#../media/pdfs/mc_reader.pdf" alt="pdf" width="100%" height="100%">
+				<section id="photos">
+					<div class="row">
+					  <div class="column">
+					    <img src="./media/imgs/01-min.jpg">
+					    <img src="./media/imgs/02-min.jpg">
+					    <img src="./media/imgs/03-min.jpg">
+					    <img src="./media/imgs/04-min.jpg">
+					    <img src="./media/imgs/05-min.jpg">
+					    <img src="./media/imgs/06-min.jpg">
+					    <img src="./media/imgs/07-min.jpg">
+					    <img src="./media/imgs/08-min.jpg">
+					    <img src="./media/imgs/09-min.jpg">
+					    <img src="./media/imgs/10-min.jpg">
+					    <img src="./media/imgs/11-min.jpg">
+					    <img src="./media/imgs/12-min.jpg">
+					    <img src="./media/imgs/13-min.jpg">
+					    <img src="./media/imgs/14-min.jpg">
+					    <img src="./media/imgs/15-min.jpg">
+					    <img src="./media/imgs/16-min.jpg">
+					    <img src="./media/imgs/17-min.jpg">
+					    <img src="./media/imgs/18-min.jpg">
+					  </div>
+					</div>
 				</section>
     		</div>
 		</article>
 
 	</main>
+<script>
+	// Get the elements with class="column"
+	var elements = document.getElementsByClassName("column");
 
+	// Declare a "loop" variable
+	var i;
+
+	// Full-width images
+	function one() {
+	  for (i = 0; i < elements.length; i++) {
+	    elements[i].style.flex = "100%";
+	  }
+	}
+
+	one();
+
+</script>
 </body>
 </html>
diff --git a/09/style.css b/09/style.css
index 1c9e26a..1d23cab 100644
--- a/09/style.css
+++ b/09/style.css
@@ -18,6 +18,8 @@ main {
   margin: auto;
 }
 
+/* HEADER */
+
 header {
   z-index: 101;
   background-color: white;
@@ -41,6 +43,7 @@ article {
 
 nav {
   background-color: white;
+  margin-top: -5px;
 }
 
 ul {
@@ -52,6 +55,8 @@ ul {
   line-height: 19px;
 }
 
+/* MAIN CONTENT */
+
 #left {
   float: left;
   width: 50%;
@@ -99,6 +104,31 @@ section {
   font-style: italic;
 }
 
+/* IMGS */
+
+.row {
+  display: -ms-flexbox; /* IE 10 */
+  display: flex;
+  -ms-flex-wrap: wrap; /* IE 10 */
+  flex-wrap: wrap;
+  padding: 0 4px;
+}
+
+/* Create two equal columns that sits next to each other */
+.column {
+  -ms-flex: 50%; /* IE 10 */
+  flex: 50%;
+  padding: 0 4px;
+}
+
+.column img {
+  margin-top: 8px;
+  vertical-align: middle;
+}
+
+
+/* RESPONSIVE */
+
 @media only screen and (max-width: 600px) {
 
   header {