Use actual profile image for favicon/sharing; fix mobile post title font

Author: jacdevos

_config.yml

@@ -5,7 +5,7 @@ email:          jacques@nreality.com
 url:            "https://jacques.nreality.com"
 baseurl:        ""
 twitter_handle: "@jacdevos"
-logo:           https://jacques.nreality.com/assets/jac-profile.jpg
+logo:           https://jacques.nreality.com/assets/images/jacdevos300x300.png
 
 # Author
 author:

_includes/head.html

@@ -5,8 +5,8 @@
   {% seo %}
 
   <!-- Profile image for sharing -->
-  <meta property="og:image" content="https://jacques.nreality.com/assets/jac-profile.jpg">
-  <meta property="twitter:image" content="https://jacques.nreality.com/assets/jac-profile.jpg">
+  <meta property="og:image" content="https://jacques.nreality.com/assets/images/jacdevos300x300.png">
+  <meta property="twitter:image" content="https://jacques.nreality.com/assets/images/jacdevos300x300.png">
   <meta name="twitter:card" content="summary_large_image">
 
   <!-- CSS -->

assets/apple-touch-icon.png

@@ -210,13 +210,9 @@ footer span {
 
 // Post listing titles — compact
 .catalogue-title {
-  font-size: 1rem !important;
+  font-size: 1.2rem !important;
   font-weight: 600;
   margin-bottom: 0.15rem;
-
-  @media (min-width: 600px) {
-    font-size: 1.2rem !important;
-  }
 }
 
 // Post listing items — 600px max, stacked always