diff --git a/northsidestudio/assets/images/NSS_middle.png b/northsidestudio/assets/images/NSS_middle.png
new file mode 100644
index 0000000..fe0160c
Binary files /dev/null and b/northsidestudio/assets/images/NSS_middle.png differ
diff --git a/northsidestudio/content/_index.md b/northsidestudio/content/_index.md
index 630b78c..b018d72 100644
--- a/northsidestudio/content/_index.md
+++ b/northsidestudio/content/_index.md
@@ -1,4 +1,8 @@
-![Northside Studio](/images/NSS_middle.png)
+---
+title: "Northside Studio"
+---
+
+{{< figure src="/images/NSS_middle.png" width="600" alt="Northside Studio" title="Morthside Studio" >}}
 
 If you want real content from real people, look her!
 We don't use AI for content creation. Imperfection to the perfect. We love the imperfect.
diff --git a/northsidestudio/resources/_gen/images/images/NSS_middle_hu_12693fc8304b5103.webp b/northsidestudio/resources/_gen/images/images/NSS_middle_hu_12693fc8304b5103.webp
new file mode 100644
index 0000000..56057b0
Binary files /dev/null and b/northsidestudio/resources/_gen/images/images/NSS_middle_hu_12693fc8304b5103.webp differ
diff --git a/northsidestudio/resources/_gen/images/images/NSS_middle_hu_21ed299b02d35e9f.webp b/northsidestudio/resources/_gen/images/images/NSS_middle_hu_21ed299b02d35e9f.webp
new file mode 100644
index 0000000..077a384
Binary files /dev/null and b/northsidestudio/resources/_gen/images/images/NSS_middle_hu_21ed299b02d35e9f.webp differ
diff --git a/northsidestudio/resources/_gen/images/images/NSS_middle_hu_3d8ccda9a3c8277c.webp b/northsidestudio/resources/_gen/images/images/NSS_middle_hu_3d8ccda9a3c8277c.webp
new file mode 100644
index 0000000..bb89288
Binary files /dev/null and b/northsidestudio/resources/_gen/images/images/NSS_middle_hu_3d8ccda9a3c8277c.webp differ
diff --git a/northsidestudio/resources/_gen/images/images/NSS_middle_hu_a1d87ead126c48cb.jpg b/northsidestudio/resources/_gen/images/images/NSS_middle_hu_a1d87ead126c48cb.jpg
new file mode 100644
index 0000000..b98c066
Binary files /dev/null and b/northsidestudio/resources/_gen/images/images/NSS_middle_hu_a1d87ead126c48cb.jpg differ
diff --git a/northsidestudio/themes/basic/assets/css/components/footer.css b/northsidestudio/themes/basic/assets/css/components/footer.css
deleted file mode 100644
index abe2b5a..0000000
--- a/northsidestudio/themes/basic/assets/css/components/footer.css
+++ /dev/null
@@ -1,4 +0,0 @@
-footer {
-  border-top: 1px solid #222;
-  margin-top: 1rem;
-}
diff --git a/northsidestudio/themes/basic/assets/css/components/header.css b/northsidestudio/themes/basic/assets/css/components/header.css
deleted file mode 100644
index 8efea1e..0000000
--- a/northsidestudio/themes/basic/assets/css/components/header.css
+++ /dev/null
@@ -1,4 +0,0 @@
-header {
-  border-bottom: 1px solid #222;
-  margin-bottom: 1rem;
-}
diff --git a/northsidestudio/themes/basic/assets/css/main.css b/northsidestudio/themes/basic/assets/css/main.css
deleted file mode 100644
index 6c0b660..0000000
--- a/northsidestudio/themes/basic/assets/css/main.css
+++ /dev/null
@@ -1,15 +0,0 @@
-@import "components/header.css";
-@import "components/footer.css";
-
-body {
-  color: #222;
-  font-family: sans-serif;
-  line-height: 1.5;
-  margin: 1rem;
-  max-width: 768px;
-}
-
-a {
-  color: #00e;
-  text-decoration: none;
-}
diff --git a/northsidestudio/themes/basic/static/css/style.css b/northsidestudio/themes/basic/static/css/style.css
index 5374657..71c4ca6 100644
--- a/northsidestudio/themes/basic/static/css/style.css
+++ b/northsidestudio/themes/basic/static/css/style.css
@@ -18,41 +18,53 @@
         url('/fonts/If.woff') format('woff');
 }
 
+body {
+  background-color: #f5efe4;
+}
+
+figure img {
+  max-width: 30%;
+  height: auto;
+  justify-content: center;
+}
+
 .all {
   margin: auto;
-  width: 60%
+  width: 75%;
+  background-color: #f5efe4;
 }
 
 .container {
   margin: 0, auto;
-  width: 90%;
+  width: 100%;
   font-family: "x-typewriter";
 }
 
 .title {
   margin: 0, auto;
-  width: 90%;
+  width: 100%;
   font-family: "if";
   text-align: center;
 }
 
 nav, footer {
   background-color: #333;
-  color: #fff; 
+  color: #fff;
   text-align: center;
 }
 
-nav { 
-  display: flex; 
-  flex-direction: column;
-} 
-nav > a { 
-  flex: 1; 
-  text-align: center; 
-  text-decoration: none; 
-  color: #fff; 
-  @media only screen and (min-width: 768px) {
-    nav { flex-direction: row;} 
+nav {
+  display: flex;
+  flex-direction: row;
+}
+
+nav > a {
+  flex: 1;
+  text-align: center;
+  text-decoration: none;
+  color: #fff;
+  @media only screen and (max-width: 768px) {
+    nav { flex-direction: column;}
   }
 }