diff --git a/Screenshot 2025-01-28 at 15-54-30 Hacker Public Radio.png b/Screenshot 2025-01-28 at 15-54-30 Hacker Public Radio.png
deleted file mode 100644
index 679a145..0000000
Binary files a/Screenshot 2025-01-28 at 15-54-30 Hacker Public Radio.png and /dev/null differ
diff --git a/Screenshot 2025-01-28 at 15-54-54 Hacker Public Radio.png b/Screenshot 2025-01-28 at 15-54-54 Hacker Public Radio.png
deleted file mode 100644
index 92fa54b..0000000
Binary files a/Screenshot 2025-01-28 at 15-54-54 Hacker Public Radio.png and /dev/null differ
diff --git a/Screenshot 2025-02-01 at 10-06-38 Hacker Public Radio.png b/Screenshot 2025-02-01 at 10-06-38 Hacker Public Radio.png
new file mode 100644
index 0000000..7dc1006
Binary files /dev/null and b/Screenshot 2025-02-01 at 10-06-38 Hacker Public Radio.png differ
diff --git a/Screenshot 2025-02-01 at 10-06-59 Hacker Public Radio.png b/Screenshot 2025-02-01 at 10-06-59 Hacker Public Radio.png
new file mode 100644
index 0000000..424073d
Binary files /dev/null and b/Screenshot 2025-02-01 at 10-06-59 Hacker Public Radio.png differ
diff --git a/Screenshot 2025-02-01 at 10-07-19 Hacker Public Radio.png b/Screenshot 2025-02-01 at 10-07-19 Hacker Public Radio.png
new file mode 100644
index 0000000..50d3853
Binary files /dev/null and b/Screenshot 2025-02-01 at 10-07-19 Hacker Public Radio.png differ
diff --git a/public_html/css/styles.css b/public_html/css/styles.css
index 21bed08..d87400e 100644
--- a/public_html/css/styles.css
+++ b/public_html/css/styles.css
@@ -141,7 +141,11 @@ nav a:hover {
 		float: none;
 		display: block;
 		text-align: left;
+		border: solid 2px #505050;
 	}
+}
+
+@media screen and (max-width: 700px) {
 
 }
 
@@ -152,7 +156,7 @@ header {
 
 header img {
 	margin: 0 auto;
-	height: 40vh;
+	height: 30vh;
 	width: auto;
 	display: block;
 	object-fit: cover;
@@ -168,8 +172,8 @@ section  {
 }
 
 section.podcast {
-	width: 80%;
-	margin: 0 auto;
+	width: 90%;
+	margin: 0 5%;
 	display: flex;
 	flex-wrap: wrap;
 }
@@ -194,8 +198,8 @@ a.podcast {
 }
 
 section.project {
-	width: 80%;
-	margin: 0 auto;
+	width: 90%;
+	margin: 0 5%;
 	display: flex;
 	flex-wrap: wrap;
 }
@@ -207,7 +211,7 @@ a.project {
 	border: solid 4px #7eb4be;
 	border-radius: 10px;
 	margin: 2.5%;
-	padding: 1em 1em 0em 1em;
+	padding: 1em 1em 0em 1em;	
 }
 
 .project p {
@@ -221,8 +225,23 @@ a.project {
 
 .column-container {
 	display: flex;
+	justify-content: space-between;	
 }
 
 section.episodes, section.comments {
-	flex: 0 0 50%;
+	paddng: 10px;	
+	flex-basis: 50%;
+}
+
+@media (min-width: 600px) {
+  section.episodes, section.comments {
+    flex-basis: 50%;
+  }
+}
+
+@media (max-width: 600px) {
+  .column-container {
+    flex-direction: column;
+    justify-content: stretch; 
+  }
 }
diff --git a/public_html/icons/mic-fill.svg b/public_html/icons/mic-fill.svg
new file mode 100644
index 0000000..f4bdc6d
--- /dev/null
+++ b/public_html/icons/mic-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11.9998 1C14.7612 1 16.9998 3.23858 16.9998 6V10C16.9998 12.7614 14.7612 15 11.9998 15C9.23833 15 6.99976 12.7614 6.99976 10V6C6.99976 3.23858 9.23833 1 11.9998 1ZM3.05469 11H5.07065C5.55588 14.3923 8.47329 17 11.9998 17C15.5262 17 18.4436 14.3923 18.9289 11H20.9448C20.4837 15.1716 17.1714 18.4839 12.9998 18.9451V23H10.9998V18.9451C6.82814 18.4839 3.51584 15.1716 3.05469 11Z"></path></svg>
\ No newline at end of file
diff --git a/public_html/icons/rss-fill.svg b/public_html/icons/rss-fill.svg
new file mode 100644
index 0000000..c3ac2bb
--- /dev/null
+++ b/public_html/icons/rss-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 3C12.9411 3 21 11.0589 21 21H18C18 12.7157 11.2843 6 3 6V3ZM3 10C9.07513 10 14 14.9249 14 21H11C11 16.5817 7.41828 13 3 13V10ZM3 17C5.20914 17 7 18.7909 7 21H3V17Z"></path></svg>
\ No newline at end of file
diff --git a/public_html/icons/stack-fill.svg b/public_html/icons/stack-fill.svg
new file mode 100644
index 0000000..b6f247e
--- /dev/null
+++ b/public_html/icons/stack-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M20.0833 10.4999L21.2854 11.2212C21.5221 11.3633 21.5989 11.6704 21.4569 11.9072C21.4146 11.9776 21.3557 12.0365 21.2854 12.0787L11.9999 17.6499L2.71451 12.0787C2.47772 11.9366 2.40093 11.6295 2.54301 11.3927C2.58523 11.3223 2.64413 11.2634 2.71451 11.2212L3.9166 10.4999L11.9999 15.3499L20.0833 10.4999ZM20.0833 15.1999L21.2854 15.9212C21.5221 16.0633 21.5989 16.3704 21.4569 16.6072C21.4146 16.6776 21.3557 16.7365 21.2854 16.7787L12.5144 22.0412C12.1977 22.2313 11.8021 22.2313 11.4854 22.0412L2.71451 16.7787C2.47772 16.6366 2.40093 16.3295 2.54301 16.0927C2.58523 16.0223 2.64413 15.9634 2.71451 15.9212L3.9166 15.1999L11.9999 20.0499L20.0833 15.1999ZM12.5144 1.30864L21.2854 6.5712C21.5221 6.71327 21.5989 7.0204 21.4569 7.25719C21.4146 7.32757 21.3557 7.38647 21.2854 7.42869L11.9999 12.9999L2.71451 7.42869C2.47772 7.28662 2.40093 6.97949 2.54301 6.7427C2.58523 6.67232 2.64413 6.61343 2.71451 6.5712L11.4854 1.30864C11.8021 1.11864 12.1977 1.11864 12.5144 1.30864Z"></path></svg>
\ No newline at end of file
diff --git a/public_html/icons/user-fill.svg b/public_html/icons/user-fill.svg
new file mode 100644
index 0000000..ebc2153
--- /dev/null
+++ b/public_html/icons/user-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13Z"></path></svg>
\ No newline at end of file
diff --git a/public_html/icons/volume-up-fill.svg b/public_html/icons/volume-up-fill.svg
new file mode 100644
index 0000000..f352c50
--- /dev/null
+++ b/public_html/icons/volume-up-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg>
\ No newline at end of file
diff --git a/public_html/images/calendar.png b/public_html/images/calendar.png
deleted file mode 100644
index 0b21aa0..0000000
Binary files a/public_html/images/calendar.png and /dev/null differ
diff --git a/public_html/images/mic.png b/public_html/images/mic.png
deleted file mode 100644
index d424c6a..0000000
Binary files a/public_html/images/mic.png and /dev/null differ
diff --git a/public_html/images/subscribe.png b/public_html/images/subscribe.png
deleted file mode 100644
index 2d2a2b6..0000000
Binary files a/public_html/images/subscribe.png and /dev/null differ
diff --git a/public_html/index.html b/public_html/index.html
index 1164a89..b4e1476 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -28,19 +28,19 @@
         <h2>Podcast</h2>
         <section class="podcast">
             <a class="podcast record">
-                <img src="icons/mic-line.svg">
+                <img src="icons/mic-fill.svg" alt="record">
                 <p>Record</p>
             </a>
             <a class="podcast schedule" href="https://hub.hackerpublicradio.org/calendar.php">
-                <img src="icons/calendar-2-line.svg">
+                <img src="icons/calendar-2-line.svg" alt="schedule">
                 <p>Schedule</p>
             </a>
             <a class="podcast subscribe" href="https://hackerpublicradio.org/syndication.html">
-                <img src="icons/rss-line.svg">
+                <img src="icons/rss-fill.svg" alt="subscribe">
                 <p>Subscribe</p>
             </a>
             <a class="podcast listen" href="https://hackerpublicradio.org/eps/index.html">
-                <img src="icons/volume-up-line.svg">
+                <img src="icons/volume-up-fill.svg" alt="listen">
                 <p>Listen</p>
             </a>
         </section>
@@ -48,15 +48,15 @@
         <h2>Project</h2>
         <section class="project">
             <a class="project host" href="https://hackerpublicradio.org/correspondents/index.html">
-                <img src="icons/user-line.svg">
+                <img src="icons/user-fill.svg" alt="host">
                 <p>Host</p>
             </a>
             <a class="project series" href="https://hackerpublicradio.org/series/index.html">
-                <img src="icons/stack-line.svg">
+                <img src="icons/stack-fill.svg" alt="series">
                 <p>Series</p>
             </a>
             <a class="project about" href="https://repo.anhonesthost.net/HPR/hpr_documentation/">
-                <img src="icons/question-mark.svg" href="https://hackerpublicradio.org/about.html">
+                <img src="icons/question-mark.svg" alt="question" href="https://hackerpublicradio.org/about.html">
                 <p>About</p>
             </a>
         </section>