Added full infographic image (update version if it changes!). Changing the styles...

diff --git a/css/main.css b/css/main.css
index 5bfec69443b4c43a28d9c5eafe9a137cc5a38761..a3a1dd0a677592a9d9e72e5f37dfdd049c7cb3e9 100644 (file)
--- a/css/main.css
+++ b/css/main.css
@@ -375,18 +375,6 @@ a:focus > img + strong {
                padding: 0.5em 0;
 }
 
-.main ul.images li {
-               display: inline-block;
-               float: left;
-               width: 47%;
-               margin: 0 1.5%;
-}
-
-.main ul.images li > img {
-               width: 100%;
-               height: auto;
-}
-
 
 /* Troubleshooting panel
 */
@@ -592,12 +580,6 @@ input[type='reset']:hover {
 
 @media only screen and (min-width: 400px) {
 
-               #header #fsf-intro {
-                               margin-bottom: 1em;
-                               padding-bottom: 1em;
-                               border-bottom: 1px solid #ff9b12;
-               }
-
 }
 
 @media only screen and (min-width: 400px) and (max-width: 599px) {
@@ -609,6 +591,12 @@ input[type='reset']:hover {
                                margin: 0 auto;
                }
 
+               #header #fsf-intro {
+                               margin-bottom: 1em;
+                               padding-bottom: 1em;
+                               border-bottom: 1px solid #ff9b12;
+               }
+
                #header .intro {
                                font-size: 1em;
                }
@@ -716,9 +704,20 @@ input[type='reset']:hover {
                                margin-left: 1.72%;
                }
 
-               .row .sidebar img {
-                               width: 100%;
+               .sidebar ul.images li {
+                               display: inline-block;
+                               float: left;
+                               width: 47%;
+                               margin: 0 3% 0 0;
+               }
+
+               .sidebar ul.images li > img,
+               .row .sidebar > p img {
+                               width: 80%;
+                               height: auto;
                }
+               
+               
 
 }
 

diff --git a/img/full-infographic.png b/img/full-infographic.png
new file mode 100644 (file)
index 0000000..44e36b1
Binary files /dev/null and b/img/full-infographic.png differ