diff --git a/3d-printers/index.html b/3d-printers/index.html
index 0db6d31..a656f54 100644
--- a/3d-printers/index.html
+++ b/3d-printers/index.html
@@ -66,7 +66,7 @@
 <body>
 	<header>
 		<div class="nav-wrap">
-			<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
+			<a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
 			<nav class="nav">
 				<a href="/the-space/">About</a>
 				<a href="/join-us/">Membership</a>
@@ -82,15 +82,15 @@
 				<h1>3D Printers</h1>
 				<div class="entry">
 					<figure>
-						<img width="1024" height="768" src="/assets/3d-printers-1-1024x768.jpg" alt="3D printer in the printer village" />
+						<img width="1024" height="768" src="/assets/3d-printers-1-1024x768.jpg" srcset="/assets/3d-printers-1-1024x768.jpg 1024w, /assets/3d-printers-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="3D printer in the printer village" decoding="async" fetchpriority="high" />
 					</figure>
 
 					<figure>
-						<img width="1024" height="768" src="/assets/3d-printers-2-1024x768.jpg" alt="3D printer equipment" />
+						<img width="1024" height="768" src="/assets/3d-printers-2-1024x768.jpg" srcset="/assets/3d-printers-2-1024x768.jpg 1024w, /assets/3d-printers-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="3D printer equipment" loading="lazy" decoding="async" />
 					</figure>
 
 					<figure>
-						<img width="1024" height="768" src="/assets/3d-printers-3-1024x768.jpg" alt="3D printer in operation" />
+						<img width="1024" height="768" src="/assets/3d-printers-3-1024x768.jpg" srcset="/assets/3d-printers-3-1024x768.jpg 1024w, /assets/3d-printers-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="3D printer in operation" loading="lazy" decoding="async" />
 					</figure>
 
 					<p></p>
diff --git a/assets/electronics-lab-2-1024x768.jpg b/assets/electronics-lab-2-1024x768.jpg
new file mode 100644
index 0000000..c2a5fd2
Binary files /dev/null and b/assets/electronics-lab-2-1024x768.jpg differ
diff --git a/assets/laser-cutters-1-1024x768.jpg b/assets/laser-cutters-1-1024x768.jpg
new file mode 100644
index 0000000..0829238
Binary files /dev/null and b/assets/laser-cutters-1-1024x768.jpg differ
diff --git a/assets/laser-cutters-3-1024x768.jpg b/assets/laser-cutters-3-1024x768.jpg
new file mode 100644
index 0000000..39d92f1
Binary files /dev/null and b/assets/laser-cutters-3-1024x768.jpg differ
diff --git a/assets/metal-shop-1-1024x768.jpg b/assets/metal-shop-1-1024x768.jpg
new file mode 100644
index 0000000..2d981de
Binary files /dev/null and b/assets/metal-shop-1-1024x768.jpg differ
diff --git a/assets/metal-shop-2-1024x768.jpg b/assets/metal-shop-2-1024x768.jpg
new file mode 100644
index 0000000..1858967
Binary files /dev/null and b/assets/metal-shop-2-1024x768.jpg differ
diff --git a/assets/metal-shop-3-1024x768.jpg b/assets/metal-shop-3-1024x768.jpg
new file mode 100644
index 0000000..6c8d0fa
Binary files /dev/null and b/assets/metal-shop-3-1024x768.jpg differ
diff --git a/assets/sewing-room-2-1024x768.jpg b/assets/sewing-room-2-1024x768.jpg
new file mode 100644
index 0000000..428d996
Binary files /dev/null and b/assets/sewing-room-2-1024x768.jpg differ
diff --git a/assets/wood-shop-1-1024x768.jpg b/assets/wood-shop-1-1024x768.jpg
new file mode 100644
index 0000000..999f72b
Binary files /dev/null and b/assets/wood-shop-1-1024x768.jpg differ
diff --git a/assets/wood-shop-2-1024x768.jpg b/assets/wood-shop-2-1024x768.jpg
new file mode 100644
index 0000000..eb88cf8
Binary files /dev/null and b/assets/wood-shop-2-1024x768.jpg differ
diff --git a/assets/wood-shop-3-1024x768.jpg b/assets/wood-shop-3-1024x768.jpg
new file mode 100644
index 0000000..0a018fe
Binary files /dev/null and b/assets/wood-shop-3-1024x768.jpg differ
diff --git a/contact/index.html b/contact/index.html
index 1f60ad5..b7e6f26 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -66,7 +66,7 @@
 <body>
 	<header>
 		<div class="nav-wrap">
-			<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
+			<a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
 			<nav class="nav">
 				<a href="/the-space/">About</a>
 				<a href="/join-us/">Membership</a>
@@ -158,7 +158,7 @@
 					</ul>
 
 					<figure>
-						<img width="1024" height="455" src="/assets/FrontProto-1024x455.jpg" alt="Exterior of the Protospace makerspace" />
+						<img width="1024" height="455" src="/assets/FrontProto-1024x455.jpg" srcset="/assets/FrontProto-1024x455.jpg 1024w, /assets/FrontProto.jpg 1112w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Exterior of the Protospace makerspace" loading="lazy" decoding="async" />
 					</figure>
 
 					<hr />
diff --git a/electronics-lab/index.html b/electronics-lab/index.html
index fc895e8..fc0eee5 100644
--- a/electronics-lab/index.html
+++ b/electronics-lab/index.html
@@ -66,7 +66,7 @@
 <body>
 	<header>
 		<div class="nav-wrap">
-			<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
+			<a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
 			<nav class="nav">
 				<a href="/the-space/">About</a>
 				<a href="/join-us/">Membership</a>
@@ -82,11 +82,11 @@
 				<h1>Electronics Lab</h1>
 				<div class="entry">
 					<figure>
-						<img width="1280" height="960" src="/assets/electronics-lab-2.jpg" alt="Electronics lab equipment" />
+						<img width="1024" height="768" src="/assets/electronics-lab-2.jpg" srcset="/assets/electronics-lab-2-1024x768.jpg 1024w, /assets/electronics-lab-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Electronics lab equipment" decoding="async" fetchpriority="high" />
 					</figure>
 
 					<figure>
-						<img width="1024" height="768" src="/assets/electronics-lab-3-1024x768.jpg" alt="Electronics workbench and equipment" />
+						<img width="1024" height="768" src="/assets/electronics-lab-3-1024x768.jpg" srcset="/assets/electronics-lab-3-1024x768.jpg 1024w, /assets/electronics-lab-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Electronics workbench and equipment" loading="lazy" decoding="async" />
 					</figure>
 				</div>
 			</main>
diff --git a/index.html b/index.html
index de0293b..4875753 100644
--- a/index.html
+++ b/index.html
@@ -66,7 +66,7 @@
 <body>
 	<header>
 		<div class="nav-wrap">
-			<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
+			<a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
 			<nav class="nav">
 				<a href="/the-space/">About</a>
 				<a href="/join-us/">Membership</a>
@@ -89,10 +89,10 @@
 							and all skill levels are welcome. Membership is $55 / month for 24/7 access.
 						</p>
 						<div class="home-gallery">
-							<img src="/assets/IMG_8905-1024x768.jpeg" alt="Member painting a project at a Protospace work table" />
-							<img src="/assets/IMG_8915-1024x806.jpg" alt="Member working on a wooden project with power tools" />
-							<img src="/assets/IMG_9104-1024x768.jpeg" alt="Member using an industrial embroidery machine" />
-							<img src="/assets/IMG_8908-1024x768.jpeg" alt="Member grinding metal in the metal shop" />
+							<img width="1024" height="768" src="/assets/IMG_8905-1024x768.jpeg" srcset="/assets/IMG_8905-1024x768.jpeg 1024w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member painting a project at a Protospace work table" loading="lazy" decoding="async" />
+							<img width="1024" height="806" src="/assets/IMG_8915-1024x806.jpg" srcset="/assets/IMG_8915-1024x806.jpg 1024w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member working on a wooden project with power tools" loading="lazy" decoding="async" />
+							<img width="1024" height="768" src="/assets/IMG_9104-1024x768.jpeg" srcset="/assets/IMG_9104-1024x768.jpeg 1024w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member using an industrial embroidery machine" loading="lazy" decoding="async" />
+							<img width="1024" height="768" src="/assets/IMG_8908-1024x768.jpeg" srcset="/assets/IMG_8908-1024x768.jpeg 1024w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member grinding metal in the metal shop" loading="lazy" decoding="async" />
 						</div>
 						<p>
 							We are a quirky, fun community where artists, makers and geeks come together to share our
@@ -106,7 +106,7 @@
 						</p>
 						<p><a href="/join-us/">Come build something with us today!</a></p>
 						<div class="thoughts">
-							<img src="/assets/gear.svg" alt="Ideas and making" />
+							<img width="150" height="150" src="/assets/gear.svg" alt="Ideas and making" loading="lazy" decoding="async" />
 						</div>
 					</div>
 				</div>
diff --git a/join-us/index.html b/join-us/index.html
index e9a560e..96da33d 100644
--- a/join-us/index.html
+++ b/join-us/index.html
@@ -66,7 +66,7 @@
 <body>
 	<header>
 		<div class="nav-wrap">
-			<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
+			<a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
 			<nav class="nav">
 				<a href="/the-space/">About</a>
 				<a href="/join-us/">Membership</a>
diff --git a/laser-cutters/index.html b/laser-cutters/index.html
index 7c8cb32..6243108 100644
--- a/laser-cutters/index.html
+++ b/laser-cutters/index.html
@@ -66,7 +66,7 @@
 <body>
 	<header>
 		<div class="nav-wrap">
-			<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
+			<a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
 			<nav class="nav">
 				<a href="/the-space/">About</a>
 				<a href="/join-us/">Membership</a>
@@ -82,13 +82,13 @@
 				<h1>Laser Cutters</h1>
 				<div class="entry">
 					<figure>
-						<img width="1280" height="960" src="/assets/laser-cutters-1.jpg" alt="Laser cutter in the laser cutting area" />
+						<img width="1024" height="768" src="/assets/laser-cutters-1-1024x768.jpg" srcset="/assets/laser-cutters-1-1024x768.jpg 1024w, /assets/laser-cutters-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Laser cutter in the laser cutting area" decoding="async" fetchpriority="high" />
 					</figure>
 
 					<p>Our laser cutting area also includes two mini desktop CNC mills:</p>
 
 					<figure>
-						<img width="1280" height="960" src="/assets/laser-cutters-3.jpg" alt="Laser cutter and CNC equipment" />
+						<img width="1024" height="768" src="/assets/laser-cutters-3-1024x768.jpg" srcset="/assets/laser-cutters-3-1024x768.jpg 1024w, /assets/laser-cutters-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Laser cutter and CNC equipment" loading="lazy" decoding="async" />
 					</figure>
 				</div>
 			</main>
diff --git a/metal-shop/index.html b/metal-shop/index.html
index 6949d0c..1f0d903 100644
--- a/metal-shop/index.html
+++ b/metal-shop/index.html
@@ -66,7 +66,7 @@
 <body>
 	<header>
 		<div class="nav-wrap">
-			<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
+			<a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
 			<nav class="nav">
 				<a href="/the-space/">About</a>
 				<a href="/join-us/">Membership</a>
@@ -82,15 +82,15 @@
 				<h1>Metal Shop</h1>
 				<div class="entry">
 					<figure>
-						<img width="1280" height="960" src="/assets/metal-shop-1.jpg" alt="Metalworking equipment in the metal shop" />
+						<img width="1024" height="768" src="/assets/metal-shop-1-1024x768.jpg" srcset="/assets/metal-shop-1-1024x768.jpg 1024w, /assets/metal-shop-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Metalworking equipment in the metal shop" decoding="async" fetchpriority="high" />
 					</figure>
 
 					<figure>
-						<img width="1280" height="960" src="/assets/metal-shop-2.jpg" alt="Metalworking lathe in the metal shop" />
+						<img width="1024" height="768" src="/assets/metal-shop-2-1024x768.jpg" srcset="/assets/metal-shop-2-1024x768.jpg 1024w, /assets/metal-shop-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Metalworking lathe in the metal shop" loading="lazy" decoding="async" />
 					</figure>
 
 					<figure>
-						<img width="1280" height="960" src="/assets/metal-shop-3.jpg" alt="Metal shop equipment and tools" />
+						<img width="1024" height="768" src="/assets/metal-shop-3-1024x768.jpg" srcset="/assets/metal-shop-3-1024x768.jpg 1024w, /assets/metal-shop-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Metal shop equipment and tools" loading="lazy" decoding="async" />
 					</figure>
 				</div>
 			</main>
diff --git a/sewing-room/index.html b/sewing-room/index.html
index 36fb272..b3029e8 100644
--- a/sewing-room/index.html
+++ b/sewing-room/index.html
@@ -66,7 +66,7 @@
 <body>
 	<header>
 		<div class="nav-wrap">
-			<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
+			<a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
 			<nav class="nav">
 				<a href="/the-space/">About</a>
 				<a href="/join-us/">Membership</a>
@@ -82,19 +82,19 @@
 				<h1>Sewing Room</h1>
 				<div class="entry">
 					<figure>
-						<img width="1280" height="960" src="/assets/sewing-room-2.jpg" alt="Industrial embroidery machine in the sewing room" />
+						<img width="1024" height="768" src="/assets/sewing-room-2.jpg" srcset="/assets/sewing-room-2-1024x768.jpg 1024w, /assets/sewing-room-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Industrial embroidery machine in the sewing room" decoding="async" fetchpriority="high" />
 					</figure>
 
 					<figure>
-						<img width="1024" height="768" src="/assets/sewing-room-3-1024x768.jpg" alt="Sewing room equipment and workspace" />
+						<img width="1024" height="768" src="/assets/sewing-room-3-1024x768.jpg" srcset="/assets/sewing-room-3-1024x768.jpg 1024w, /assets/sewing-room-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Sewing room equipment and workspace" loading="lazy" decoding="async" />
 					</figure>
 
 					<figure>
-						<img width="1024" height="768" src="/assets/sewing-room-4-1024x768.jpg" alt="Industrial sewing machine" />
+						<img width="1024" height="768" src="/assets/sewing-room-4-1024x768.jpg" srcset="/assets/sewing-room-4-1024x768.jpg 1024w, /assets/sewing-room-4.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Industrial sewing machine" loading="lazy" decoding="async" />
 					</figure>
 
 					<figure>
-						<img width="1024" height="768" src="/assets/sewing-room-5-1024x768.jpg" alt="Sewing and textile equipment" />
+						<img width="1024" height="768" src="/assets/sewing-room-5-1024x768.jpg" srcset="/assets/sewing-room-5-1024x768.jpg 1024w, /assets/sewing-room-5.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Sewing and textile equipment" loading="lazy" decoding="async" />
 					</figure>
 				</div>
 			</main>
diff --git a/the-space/index.html b/the-space/index.html
index cc9bf9e..71cd1c3 100644
--- a/the-space/index.html
+++ b/the-space/index.html
@@ -66,7 +66,7 @@
 <body>
 	<header>
 		<div class="nav-wrap">
-			<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
+			<a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
 			<nav class="nav">
 				<a href="/the-space/">About</a>
 				<a href="/join-us/">Membership</a>
@@ -89,12 +89,12 @@
 					<p>Select an area to view:</p>
 
 					<div class="area-grid">
-						<a class="area-card" href="/wood-shop/"><img src="/assets/wood-shop-4-1024x768.jpg" alt="Wood Shop" /><span>Wood Shop</span></a>
-						<a class="area-card" href="/metal-shop/"><img src="/assets/metal-shop-4-1024x768.jpg" alt="Metal Shop" /><span>Metal Shop</span></a>
-						<a class="area-card" href="/laser-cutters/"><img src="/assets/laser-cutters-2-1024x768.jpg" alt="Laser Cutters" /><span>Laser Cutters</span></a>
-						<a class="area-card" href="/sewing-room/"><img src="/assets/sewing-room-1-1024x768.jpg" alt="Sewing Room" /><span>Sewing Room</span></a>
-						<a class="area-card" href="/electronics-lab/"><img src="/assets/electronics-lab-1-1024x768.jpg" alt="Electronics Lab" /><span>Electronics Lab</span></a>
-						<a class="area-card" href="/3d-printers/"><img src="/assets/3d-printers-4-1024x768.jpg" alt="3D Printers" /><span>3D Printers</span></a>
+						<a class="area-card" href="/wood-shop/"><img width="1024" height="768" src="/assets/wood-shop-4-1024x768.jpg" srcset="/assets/wood-shop-4-1024x768.jpg 1024w, /assets/wood-shop-4.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Wood Shop" loading="lazy" decoding="async" /><span>Wood Shop</span></a>
+						<a class="area-card" href="/metal-shop/"><img width="1024" height="768" src="/assets/metal-shop-4-1024x768.jpg" srcset="/assets/metal-shop-4-1024x768.jpg 1024w, /assets/metal-shop-4.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Metal Shop" loading="lazy" decoding="async" /><span>Metal Shop</span></a>
+						<a class="area-card" href="/laser-cutters/"><img width="1024" height="768" src="/assets/laser-cutters-2-1024x768.jpg" srcset="/assets/laser-cutters-2-1024x768.jpg 1024w, /assets/laser-cutters-2.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Laser Cutters" loading="lazy" decoding="async" /><span>Laser Cutters</span></a>
+						<a class="area-card" href="/sewing-room/"><img width="1024" height="768" src="/assets/sewing-room-1-1024x768.jpg" srcset="/assets/sewing-room-1-1024x768.jpg 1024w, /assets/sewing-room-1.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Sewing Room" loading="lazy" decoding="async" /><span>Sewing Room</span></a>
+						<a class="area-card" href="/electronics-lab/"><img width="1024" height="768" src="/assets/electronics-lab-1-1024x768.jpg" srcset="/assets/electronics-lab-1-1024x768.jpg 1024w, /assets/electronics-lab-1.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Electronics Lab" loading="lazy" decoding="async" /><span>Electronics Lab</span></a>
+						<a class="area-card" href="/3d-printers/"><img width="1024" height="768" src="/assets/3d-printers-4-1024x768.jpg" srcset="/assets/3d-printers-4-1024x768.jpg 1024w, /assets/3d-printers-4.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="3D Printers" loading="lazy" decoding="async" /><span>3D Printers</span></a>
 					</div>
 
 					<p id="facilities">Facilities available to members include (training may be required):</p>
diff --git a/wood-shop/index.html b/wood-shop/index.html
index 9913077..0eba5b0 100644
--- a/wood-shop/index.html
+++ b/wood-shop/index.html
@@ -66,7 +66,7 @@
 <body>
 	<header>
 		<div class="nav-wrap">
-			<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
+			<a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
 			<nav class="nav">
 				<a href="/the-space/">About</a>
 				<a href="/join-us/">Membership</a>
@@ -82,15 +82,15 @@
 				<h1>Wood Shop</h1>
 				<div class="entry">
 					<figure>
-						<img width="1280" height="960" src="/assets/wood-shop-1.jpg" alt="Woodworking table saw and work surface" />
+						<img width="1024" height="768" src="/assets/wood-shop-1-1024x768.jpg" srcset="/assets/wood-shop-1-1024x768.jpg 1024w, /assets/wood-shop-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Woodworking table saw and work surface" decoding="async" fetchpriority="high" />
 					</figure>
 
 					<figure>
-						<img width="1280" height="960" src="/assets/wood-shop-2.jpg" alt="Woodworking tools and project workspace" />
+						<img width="1024" height="768" src="/assets/wood-shop-2-1024x768.jpg" srcset="/assets/wood-shop-2-1024x768.jpg 1024w, /assets/wood-shop-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Woodworking tools and project workspace" loading="lazy" decoding="async" />
 					</figure>
 
 					<figure>
-						<img width="1280" height="960" src="/assets/wood-shop-3.jpg" alt="Member using a woodworking power tool" />
+						<img width="1024" height="768" src="/assets/wood-shop-3-1024x768.jpg" srcset="/assets/wood-shop-3-1024x768.jpg 1024w, /assets/wood-shop-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member using a woodworking power tool" loading="lazy" decoding="async" />
 					</figure>
 				</div>
 			</main>
