lighten favicon and ipad viewport

website/dist/site.61d91522.webmanifest

@@ -1 +1 @@
-{"name":"","short_name":"","icons":[{"src":"android-chrome-192x192.382cc2f0.png","sizes":"192x192","type":"image/png"},{"src":"android-chrome-512x512.b8f339e6.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
+{"name":"","short_name":"","icons":[{"src":"android-chrome-192x192.d7b54f7c.png","sizes":"192x192","type":"image/png"},{"src":"android-chrome-512x512.45ddacee.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

website/index.html

@@ -11,9 +11,9 @@
   <link rel="icon" type="image/png" sizes="32x32" href="resources/favicons/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="16x16" href="resources/favicons/favicon-16x16.png">
   <link rel="manifest" href="resources/favicons/site.webmanifest">
-  <link rel="mask-icon" href="resources/favicons/safari-pinned-tab.svg" color="#59297c">
+  <link rel="mask-icon" href="resources/favicons/safari-pinned-tab.svg" color="#9440c1">
   <link rel="shortcut icon" href="resources/favicons/favicon.ico">
-  <meta name="msapplication-TileColor" content="#59297c">
+  <meta name="msapplication-TileColor" content="#9440c1">
   <meta name="msapplication-config" content="resources/favicons/browserconfig.xml">
   <meta name="theme-color" content="#ffffff">
 </head>

website/resources/css/queries.css

@@ -8,6 +8,12 @@
     .row { padding: 0 2%; }
 }
 
+@media only screen and (max-width: 1024px) {
+  header {
+    background-attachment: scroll;
+  }
+}
+
 /* Small tablet to big tablet: from 768px to 1023px */
 @media only screen and (max-width: 1023px) {
 
@@ -90,7 +96,7 @@
 
     .sticky .mobile-nav-icon { margin-top: 10px; }
     .sticky .mobile-nav-icon i { color: #555; }
-    .sticky .mobile-nav-icon i.ion-close-round { color: #fff; }    
+    .sticky .mobile-nav-icon i.ion-close-round { color: #fff; }
 
     h1 { font-size: 180%; }
     h2 { font-size: 150%; }

website/resources/favicons/browserconfig.xml

@@ -3,7 +3,7 @@
     <msapplication>
         <tile>
             <square150x150logo src="resources/favicons/mstile-150x150.png"/>
-            <TileColor>#59297c</TileColor>
+            <TileColor>#9440c1</TileColor>
         </tile>
     </msapplication>
 </browserconfig>