diff --git a/img/logo-us-web-design-standards.png b/img/logo-us-web-design-standards.png
deleted file mode 100644
index 5361562b80..0000000000
Binary files a/img/logo-us-web-design-standards.png and /dev/null differ
diff --git a/img/screen-us-web-design-standards.png b/img/screen-us-web-design-standards.png
new file mode 100644
index 0000000000..70c58d665c
Binary files /dev/null and b/img/screen-us-web-design-standards.png differ
diff --git a/index.html b/index.html
index d1374ecd3b..ef094181e6 100644
--- a/index.html
+++ b/index.html
@@ -58,7 +58,7 @@ <h1>Used By</h1>
 
 	<div class="used-by-logos">
 		<a href="http://smashingmagazine.com" target="_blank"><img src="img/logo-smashing.png" alt="Smashing Magazine" /></a>
-		<a href="https://playbook.cio.gov/designstandards/" target="_blank"><img src="img/logo-us-web-design-standards.png" alt="U.S. Web Design Standards" /></a>
+		<a class="uswds" href="https://playbook.cio.gov/designstandards/" target="_blank">U.S. Web Design Standards</a>
 		<a href="http://alistapart.com" target="_blank"><img src="img/logo-ala.png" alt="A List Apart" /></a>
 
 		<a href="https://developer.mozilla.org/" target="_blank"><img src="img/logo-mdn.png" alt="Mozilla Developer Network (MDN)" /></a>
diff --git a/style.css b/style.css
index b0f364d756..a937f9d3d6 100644
--- a/style.css
+++ b/style.css
@@ -372,6 +372,11 @@ footer {
 		border: 5px solid white;
 		position: relative;
 	}
+		.used-by-logos > .uswds {
+			background: url('img/screen-us-web-design-standards.png') no-repeat 0 0;
+			background-size: cover;
+			text-indent: -999em;
+		}
 		.used-by-logos > a > img {
 			max-height: 100%;
 			max-width: 100%;