diff --git a/img/brooklyn.png b/img/brooklyn.png
new file mode 100644
index 0000000..586ecf2
Binary files /dev/null and b/img/brooklyn.png differ
diff --git a/img/chicago.png b/img/chicago.png
new file mode 100644
index 0000000..772067b
Binary files /dev/null and b/img/chicago.png differ
diff --git a/img/frame_000027.png b/img/frame_000027.png
new file mode 100644
index 0000000..168f8bc
Binary files /dev/null and b/img/frame_000027.png differ
diff --git a/img/newyork_cartoon.png b/img/newyork_cartoon.png
deleted file mode 100644
index 09f2697..0000000
Binary files a/img/newyork_cartoon.png and /dev/null differ
diff --git a/index.html b/index.html
index ff880b4..6690e29 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,7 @@
 <meta name="twitter:image" content="img/ascii_space.png">
 <link href="https://fonts.googleapis.com/css?family=Montserrat:300,600,900" rel="stylesheet">
 <link href="https://fonts.googleapis.com/css?family=DM+Serif+Display" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="style.css">
 <title>Steve's Geography Works</title>
 </head>
@@ -60,7 +61,7 @@ <h3 style="padding-bottom:3px; width:70%; margin:0 auto;">Geography Works</h3>
 
 <div class="box">
 <div class="image-container">
-<img class="image" src="img/block_us_levels.png" alt="block_us.png">
+<img class="image" src="img/chicago.png" alt="">
 <div class="text-overlay-left">
 <div class="text-background-black"><a href="https://github.com/geographyclub/postgis-cookbook" target="_blank"><h1>POSTGIS</h1><h1>COOKBOOK</h1><p>COOKING WITH SPATIAL SQL</p></a></div>
 </div>
@@ -69,7 +70,7 @@ <h3 style="padding-bottom:3px; width:70%; margin:0 auto;">Geography Works</h3>
 
 <div class="box">
 <div class="image-container">
-<img class="image" src="img/shift_primemeridian.png" alt="shift_primemeridian.png">
+<img class="image" src="img/frame_000027.png" alt="">
 <div class="text-overlay-left">
 <div class="text-background-black"><a href="https://github.com/geographyclub/weather-to-video" target="_blank"><h1>WEATHER-TO-VIDEO</h1><p>SCRIPT YOUR OWN WEATHER VISUALIZER</p></a></div>
 </div>
@@ -78,18 +79,18 @@ <h3 style="padding-bottom:3px; width:70%; margin:0 auto;">Geography Works</h3>
 
 <div class="box">
 <div class="image-container">
-<img class="image" src="img/newyork_satellite.png" alt="newyork_satellite.png">
+<img class="image" src="img/brooklyn.png" alt="">
 <div class="text-overlay-left">
-<div class="text-background-black"><a href="https://github.com/geographyclub/imagemagick-for-mapmakers" target="_blank"><h1>IMAGEMAGICK</h1><h1>FOR MAPMAKERS</h1><p>IMAGE PROCESSING BY THE POWER OF MAGICK</p></a></div>
+<div class="text-background-black"><a href="https://github.com/geographyclub/american-geography" target="_blank"><h1>AMERICAN</h1><h1>GEOGRAPHY</h1><p>WRANGLING US CENSUS DATA</p></a></div>
 </div>
 </div>
 </div>
 
 <div class="box">
 <div class="image-container">
-<img class="image" src="img/newyork_cartoon.png" alt="">
+<img class="image" src="img/newyork_satellite.png" alt="newyork_satellite.png">
 <div class="text-overlay-left">
-<div class="text-background-black"><a href="https://github.com/geographyclub/american-geography" target="_blank"><h1>AMERICAN</h1><h1>GEOGRAPHY</h1><p>WRANGLING US CENSUS DATA</p></a></div>
+<div class="text-background-black"><a href="https://github.com/geographyclub/imagemagick-for-mapmakers" target="_blank"><h1>IMAGEMAGICK</h1><h1>FOR MAPMAKERS</h1><p>IMAGE PROCESSING BY THE POWER OF MAGICK</p></a></div>
 </div>
 </div>
 </div>
diff --git a/style.css b/style.css
index 7a3009d..6296a05 100644
--- a/style.css
+++ b/style.css
@@ -1,8 +1,8 @@
-h1 {font-family:'Montserrat'; font-size:24px; font-weight:900; line-height:0.9; margin:0; padding:0; letter-spacing:-1px;}
+h1 {font-family:'Montserrat'; font-size:20px; font-weight:900; line-height:0.9; margin:0; padding:0; letter-spacing:-1px;}
 h2 {font-family:'Montserrat'; font-size:14px; font-weight:600; line-height:1; margin:0; padding:0;}
 h3 {font-family:'DM Serif Display'; font-size:30px; font-weight:900; line-height:0.8; margin:0; padding:0;}
 h4 {font-family:'DM Serif Display'; font-size:14px; font-weight:900; line-height:0.8; margin:0; padding:0;}
-p {font-family:'Montserrat'; font-size:12px; font-weight:600; line-height:1; margin:0; padding:0;}
+p {font-family:'Montserrat'; font-size:12px; font-weight:600; line-height:1.2; margin:0; padding:0;}
 a {color:#fff; text-decoration:none;}
 hr {border:none; height:1px; background-color:#fff; width:50%;}
 
@@ -51,5 +51,5 @@ nav p {color:#333; margin:10px; font-size:10px;}
 
 .footer {background-color:#ddd; color:#333; max-width:1920px; padding:15px 15px 30px 15px;}
 .footer a{color:#333; text-decoration:underline;}
-.footer h1{font-size:18px; font-weight:600; line-height:1.2;}
-.footer p{font-size:10px; color:#999; padding-top:10px; }
+.footer h1{font-family:'Noto Sans'; font-size:16px; font-weight:400; line-height:1.2; letter-spacing:0;}
+.footer p{font-family:'Noto Sans'; font-size:10px; color:#999; padding-top:10px; }