updated homescreen shot

content/patterns/setup.md

@@ -53,7 +53,7 @@ theme = "cupper"
 ```
 
 {{% figure caption="Cupper's Docs, with `short_name` displayed, available from the homescreen of a Samsung/Android phone." %}}
-![Teacup Cupper app icon with Cupper Docs written underneath](/images/samsung_homescreen.png)
+![Teacup Cupper app icon with Cupper Docs written underneath](/images/samsung_homescreen.jpg)
 {{% /figure %}}
 
 {{% note %}}

docs/css/styles.css

@@ -842,6 +842,9 @@ h1 svg {
     .intro {
         text-align: center;
     }
+    .intro-and-nav {
+        border-right: none;
+    }
     .intro-and-nav > div {
         padding: 1.5rem;
     }

docs/patterns/setup/index.html

@@ -485,7 +485,7 @@ theme = "cupper"
 
 
 <figure role="group" aria-describedby="caption-523eedbc53c852c09a6b33234e5e3786">
-  <p><img src="https://thepaciellogroup.github.io/cupper/images/samsung_homescreen.png" alt="Teacup Cupper app icon with Cupper Docs written underneath" /></p>
+  <p><img src="https://thepaciellogroup.github.io/cupper/images/samsung_homescreen.jpg" alt="Teacup Cupper app icon with Cupper Docs written underneath" /></p>
 
   <figcaption id="caption-523eedbc53c852c09a6b33234e5e3786">
     Cupper&rsquo;s Docs, with <code>short_name</code> displayed, available from the homescreen of a Samsung/Android phone.

docs/print-version/index.html

@@ -524,7 +524,7 @@ theme = "cupper"
 
 
 <figure role="group" aria-describedby="caption-523eedbc53c852c09a6b33234e5e3786">
-  <p><img src="https://thepaciellogroup.github.io/cupper/images/samsung_homescreen.png" alt="Teacup Cupper app icon with Cupper Docs written underneath" /></p>
+  <p><img src="https://thepaciellogroup.github.io/cupper/images/samsung_homescreen.jpg" alt="Teacup Cupper app icon with Cupper Docs written underneath" /></p>
 
   <figcaption id="caption-523eedbc53c852c09a6b33234e5e3786">
     Cupper&rsquo;s Docs, with <code>short_name</code> displayed, available from the homescreen of a Samsung/Android phone.