Move attribution to be visible on mobile

Author: demophoon

assets/static/_css/pycascades/pycascades.home.css

@@ -15,6 +15,29 @@
     body.home header.headroom--not-top .logo {
         opacity: 1;
     }
+    body.home #intro .image-attribution {
+        position: absolute;
+        bottom: 5rem;
+        right: 3rem;
+        font-size: 1.2rem;
+        color: #98D1D6;
+        text-align: left;
+        /* Match chevron height */
+        margin-bottom: -24px;
+    }
+}
+
+@media (max-width: 750px) {
+    body.home #intro .image-attribution {
+        position: absolute;
+        top: 7rem;
+        right: 1rem;
+        font-size: 1.2rem;
+        color: #98D1D6;
+        text-align: left;
+        /* Match chevron height */
+        margin-bottom: -24px;
+    }
 }
 
 body.home header nav > ul > li.home {
@@ -39,18 +62,6 @@ body.home #intro .main .logo {
     }
 }
 
-body.home #intro .image-attribution {
-    position: relative;
-    bottom: 1rem;
-    left: 1rem;
-    font-size: 1.2rem;
-    color: #98D1D6;
-    text-align: left;
-    left: 1rem;
-    /* Match chevron height */
-    margin-bottom: -24px;
-}
-
 body.home #intro .image-attribution a {
     color: #98D1D6;
     text-decoration: none;