diff --git a/default.hbs b/default.hbs
index 5af8089..c4ed7d2 100644
--- a/default.hbs
+++ b/default.hbs
@@ -8,8 +8,15 @@
     <meta name="HandheldFriendly" content="True" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <link rel="stylesheet" type="text/css" href="{{asset "built/styles.css"}}" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
 
+    <link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap" />
+    <link rel="preload" as="style" href="{{asset "built/styles.css"}}" />
+
+    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap" />
+    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+    <link rel="stylesheet" type="text/css" href="{{asset "built/styles.css"}}" />
+   
     {{ghost_head}}    
   </head>
   <body class="{{body_class}}">
diff --git a/gulpfile.js b/gulpfile.js
index 97474a1..4d0c95d 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -7,20 +7,6 @@ const concat = require('gulp-concat');
 const uglify = require('gulp-uglify');
 const cleancss = require('gulp-clean-css');
 
-const purgecss = require('@fullhuman/postcss-purgecss')({
-
-  // Specify the paths to all of the template files in your project 
-  content: [
-    './**/*.hbs',
-    './assets/**/*.js',
-    './assets/css/styles.css', // This file defines required styles for the Ghost editor
-    // etc.
-  ],
-
-  // Include any special characters you're using in this regular expression
-  defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || []
-})
-
 function serve(done) {
     livereload.listen();
     done();
@@ -38,7 +24,6 @@ function css () {
       // ...
       require('tailwindcss'),
       require('autoprefixer'),
-      ...process.env.NODE_ENV === 'production' ? [purgecss] : []
       // ...
     ]))
     // ...
diff --git a/partials/post-background.hbs b/partials/post-background.hbs
index 39a4d9b..c358849 100644
--- a/partials/post-background.hbs
+++ b/partials/post-background.hbs
@@ -17,12 +17,6 @@ with a `no-image` class so we can style it accordingly.
     .responsive-{{slug}}-img {
         background-image: url({{img_url feature_image size='m'}});
     }
-
-    @media(max-width: 767px) {
-        .responsive-{{slug}}-img {
-            background-image: url({{img_url feature_image size='m'}});
-        }
-    }
 </style>
 <div class="post-background responsive-{{slug}}-img bg-cover bg-center bg-yuika-blue-500">
 
diff --git a/tailwind.config.js b/tailwind.config.js
index 4ac325e..eede1e0 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,4 +1,13 @@
 module.exports = {
+  purge: {
+    enabled: true,
+    content: [
+      './**/*.hbs',
+      './assets/**/*.js',
+      './assets/css/styles.css', // This file defines required styles for the Ghost editor
+      // etc.
+    ],
+  },
   theme: {
     extend: {
       colors: {
