diff --git a/brc_static/css/styles.css b/brc_static/css/styles.css
index bac2b36..f49b825 100644
--- a/brc_static/css/styles.css
+++ b/brc_static/css/styles.css
@@ -16,12 +16,13 @@ img {
     max-width: 100%;
 }
 
-.images {
+.images {                                                                                                       /*Diese Klasse hab ich den ig bildern zugewiesen*/
     filter: grayscale(100%);
     transition: height 0.5s ease-out, filter 0.3s ease 0.5s, width 0.3s ease-out;
     height: 200px;
     width: 200px;
     cursor:pointer;
+    margin: 5px;
 }
 
 .images:hover {
@@ -81,6 +82,7 @@ video {
 
     .col-3 {
         width: 50%;
+        color: #f9f9ed;
     }
 
     .col-1 {
@@ -353,14 +355,14 @@ header {
     background-color: #232323;
     padding: 10em 20%;
     width: 100%;
-    outline: 2px solid#ffffff;
+    outline: 2px solid#f9f9ed;
     outline-offset: -2.5em;
-    color: #fff;
+    color: #f9f9ed;
     position: relative;
 }
 
 .home-about-textbox h1 {
-    color: #ffffff;
+    color: #f9f9ed;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
@@ -602,7 +604,7 @@ header {
 =================== */
 
 .cta {
-    background-color: #ffffff;
+    background-color: #f9f9ed;
     padding: 5em 0;
 }
 
@@ -611,7 +613,7 @@ header {
 
 footer {
     background: #232323;
-    color: #fff;
+    color: #f9f9ed;
     text-align: left;
     padding: 5em 0;
 }
diff --git a/brc_static/index.html b/brc_static/index.html
index a274edb..69ee650 100644
--- a/brc_static/index.html
+++ b/brc_static/index.html
@@ -48,15 +48,15 @@
 						url: "https://instagram.com/p/" + element.node.shortcode
 					}
 					console.log(element);
-					if (index < 7) {
+					if (index < 8) {
 						images.push(image)
 					}
 					index += 1
 				});
 
 				images.forEach(e => {
-					thumb_html += '<a href="' + e.url + '"><img class="insta_thumb" src="'+ e.thumb_url + '"/></a>'
-				})
+					thumb_html += '<a href="' + e.url + '"><img class="images" src="'+ e.thumb_url + '"/></a>'					<!-- Hier war die class falsch zugewiesen -->
+				}); 																											<!-- Muss hier ein ";" hin? -->
 
 				document.getElementById('ig_container').innerHTML = thumb_html;
 			}
@@ -67,14 +67,15 @@
 			xmlhttp.onreadystatechange = function() {
 				if (this.readyState == 4 && this.status == 200) {
 					var myArr = JSON.parse(this.responseText);
-					show_posts(myArr)
+					show_posts(myArr);
 				}
 			};
 			xmlhttp.open("GET", url, true);
-			xmlhttp.send();
+			xmlhttp.send();																										<!-- Muss hier ein ";" hin? -->
 
 		</script>
 
+
 		<div class="home-about-textbox parallax--box">
 			<h1>Who we are</h1>
 			<p><i>Bricabracomania metalworks is  home of antique-inspired, alternative jewelry with an obscure, sculptural twist.</i></p>
@@ -85,7 +86,6 @@
 	</section>
 </div>
 
-
 <section class="portfolio">
 	<!-- portfolio item 01 -->
 	<figure class="port-item">
@@ -124,8 +124,8 @@
 	</div>
 </section>
 
-    <p><a style="color: #fff; text-decoration: none;" href="https://www.instagram.com/bricabracomania_metalworks/">Check out our instagram page</a></p>
-    <div id="ig_container"><!-- instagram posts will be inserted here --></div>
+    <p><a style="color: #f9f9ed; text-decoration: none;" href="https://www.instagram.com/bricabracomania_metalworks/">Check out our instagram page</a></p>
+	<div id="ig_container"><!-- instagram posts will be inserted here --></div>
 </div>
 
 <footer>