Issue #2413311: Reduce width of API's logo, avoiding horizontal scrolling on smaller screens

sass/partials/common/_sprites.scss

@@ -198,7 +198,13 @@ body.front #header {
     background-image: url(../images/logo-association.png);
     background-position: 0 7px;
     width: 202px;
-    height: 70px
+    height: 70px;
+  }
+
+  .drupalorg-site-api & {
+    background-image: url(../images/sprites-api.png);
+    background-position: 0 0;
+    width: 260px;
   }
 }
 
@@ -226,12 +232,6 @@ body.front #header {
   background-position: 100% -320px;
 }
 
-.drupalorg-site-api #site-name a {
-  background-image: url(../images/sprites-api.png);
-  background-position: 0 0;
-  width: 404px;
-}
-
 .drupalorg-site-infrastructure #site-name a {
   background-image: url(../images/sprites-infrastructure.png);
   background-position: 0 0;