Sponsors => Supported by, mobile optimization

css/new.css

@@ -1,18 +1,27 @@
 /* Added all new CSS to main.css, but please keep adding your own CSS here. Thanks in Advance! */
 
-.sponsors {
+.supported-by {
 	text-align: center;
+	padding: 52px 0 0 0;
 }
 
-.sponsors img { 
+.supported-by img { 
 	height: 65px; /* smaller than real size to provide for retina devices */
 	filter: grayscale(100%);
 }
 
-.sponsors img:hover {
+.supported-by img:hover {
 	filter: none;
 }
 
-.sponsors a:not(:first-child) {
+@media (min-width: 568px) {
+.supported-by a:not(:first-child) {
 	margin-left: 48px;
+}
+}
+
+@media (max-width: 568px) {
+.supported-by a {
+	display: block;
+}
 }

index.html

@@ -299,8 +299,8 @@
               </div>
 
               <div class="section">
-                <h2>Sponsors</h2>
-                <div class="sponsors">
+                <h2>Supported By</h2>
+                <div class="supported-by">
                   <a href="https://blockgeeks.com" target="_blank"><img src="img/sponsors/blockgeeks.png" /></a>
                   <a href="https://www.b9lab.com/" target="_blank"><img src="img/sponsors/b9lab.png" /></a>
                 </div>