diff --git a/CHANGELOG.md b/CHANGELOG.md
index 098de7c..3245668 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,10 +13,13 @@ QoL improvements for me:
 
 * logging: allow to enable logging at will and export said logs to a file
 
-### v4.4.7 (current)
+### v4.4.7 (Current)
 
 * Removed unnecessary font files and image files from the package.
 * LoggerUI is now functional.
+* **[4.4.7.1]** Additional CSS fixes
+* **[4.4.7.1]** Bruteforce fix for youtube alignment issue
+* **[4.4.7.2]** Bruteforce fix for youtube alignment issue — increase number of retries
 
 ### v4.4.6
 
diff --git a/MSS-CERTIFICATION-NOTES.md b/MSS-CERTIFICATION-NOTES.md
new file mode 100644
index 0000000..677a6b3
--- /dev/null
+++ b/MSS-CERTIFICATION-NOTES.md
@@ -0,0 +1,23 @@
+Microsoft edge extension store requires notes for certification. Because I'm too lazy to whip this text over and over and over and over and over and over again, I'm making it a copypasta.
+
+
+---------------------------------------------------------------------------------------------
+This extension is targeted at users of 21:9 monitors. If using 16:9 monitor, use youtube in THEATER MODE.
+
+Not all videos need to have their aspect ratio corrected. Here is few examples of videos with problems this extension is trying to solve:
+
+* Variable aspect ratio — autodetection testing grounds: https://www.youtube.com/watch?v=-IHzprfs6tw 
+* Static (but incorrect) aspect ratio: https://www.youtube.com/watch?v=BTETsm79D3A
+
+Twitch example (collapse subscription & chat sidebars on 16:9, do not fullscreen) — aspect ratio switch happens at around 1:50:00 mark:
+* https://www.twitch.tv/videos/330639009?t=1h49m45s
+
+Autodetect has technological limitations and can incorrectly detect aspect ratio. This is acceptable — user should override it in such cases.
+
+Functions labelled 'experimental' are experimental and may not function correctly.
+
+Websites may interfere with keyboard shortcuts.
+
+Brief video flicker when changing between fullscreen, non-fullscreen or when changing browser is inherent artifact caused by sites not being aware of extension and is thus considered acceptable.
+
+Logger option does nothing (except give you a popup) unless you have a logger config handy. It is designed for debugging in case of bug reports.
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 84c8692..46be28b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1368,9 +1368,9 @@
       "dev": true
     },
     "acorn": {
-      "version": "6.4.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.0.tgz",
-      "integrity": "sha512-gac8OEcQ2Li1dxIEWGZzsp2BitJxwkwcOm0zHAJLcPJaVvm58FRnk6RkuLRpU1EujipU2ZFODv2P9DLMfnV8mw==",
+      "version": "6.4.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.1.tgz",
+      "integrity": "sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==",
       "dev": true
     },
     "ajv": {
diff --git a/package.json b/package.json
index d554435..0a52743 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
     "build-testing-chrome": "cross-env NODE_ENV=development BROWSER=chrome CHANNEL=testing webpack --hide-modules",
     "build-nightly-chrome": "cross-env NODE_ENV=development BROWSER=chrome CHANNEL=nightly webpack --hide-modules",
     "build-chrome:dev": "cross-env NODE_ENV=development BROWSER=chrome webpack --hide-modules",
-    "build-all": "rm ./dist-zip/uw-amo-source.zip; mv ./dist-zip/*.zip ./dist-zip/old/; npm run build; node scripts/build-zip.js ff; npm run build-chrome; node scripts/build-zip.js chrome; ./scripts/prepare-amo-source.sh",
+    "build-all": "mkdir -p ./build/old; rm -rf ./dist-ff; rm -rf ./dist-chrome; rm ./dist-zip/uw-amo-source.zip; mv -f ./dist-zip/*.zip ./build/old; npm run build; node scripts/build-zip.js ff; npm run build-chrome; node scripts/build-zip.js chrome; ./scripts/prepare-amo-source.sh",
     "build-zip": "node scripts/build-zip.js",
     "dev": "cross-env NODE_ENV=development CHANNEL=dev concurrently \"cross-env BROWSER=firefox npm run build:dev -- --watch\" \"cross-env BROWSER=chrome npm run build:dev -- --watch\""
   },
diff --git a/src/common/components/JsonEditor/JsonArray.vue b/src/common/components/JsonEditor/JsonArray.vue
index db6fb3e..2c70100 100644
--- a/src/common/components/JsonEditor/JsonArray.vue
+++ b/src/common/components/JsonEditor/JsonArray.vue
@@ -77,8 +77,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-@import url('./json.scss');
-@import url('../../../res/css/flex.scss');
-
+<style lang="scss" scoped src="./json.scss">
+</style>
+<style lang="scss" scoped src="../../../res/css/flex.scss">
 </style>
diff --git a/src/common/components/JsonEditor/JsonElement.vue b/src/common/components/JsonEditor/JsonElement.vue
index 592582d..dfd38ec 100644
--- a/src/common/components/JsonEditor/JsonElement.vue
+++ b/src/common/components/JsonEditor/JsonElement.vue
@@ -86,6 +86,5 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-@import url('./json.scss');
+<style lang="scss" scoped src="./json.scss">
 </style>
diff --git a/src/common/components/JsonEditor/JsonObject.vue b/src/common/components/JsonEditor/JsonObject.vue
index 11ef46f..9797c02 100644
--- a/src/common/components/JsonEditor/JsonObject.vue
+++ b/src/common/components/JsonEditor/JsonObject.vue
@@ -87,6 +87,5 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-@import url('./json.scss');
+<style lang="scss" scoped src="./json.scss">
 </style>
\ No newline at end of file
diff --git a/src/common/enums/extension-mode.enum.js b/src/common/enums/extension-mode.enum.js
index f69851f..b871a13 100644
--- a/src/common/enums/extension-mode.enum.js
+++ b/src/common/enums/extension-mode.enum.js
@@ -1,3 +1,8 @@
+if (process.env.CHANNEL !== 'stable') {
+  console.log('Loaded ExtensionMode');
+}
+
+
 var ExtensionMode = Object.freeze({
   AutoDisabled: -2,
   Disabled: -1,
diff --git a/src/csui/LoggerUi.vue b/src/csui/LoggerUi.vue
index 5ef210d..023d790 100644
--- a/src/csui/LoggerUi.vue
+++ b/src/csui/LoggerUi.vue
@@ -296,7 +296,7 @@ export default {
 }
 </script>
 
-<style scoped src="../res/css/flex.scss"></style> 
+<style lang="scss" src="../res/css/flex.scss" scoped></style> 
 
 <style lang="scss" scoped>
 @import '../res/css/colors.scss';
diff --git a/src/ext/conf/BrowserDetect.js b/src/ext/conf/BrowserDetect.js
index e6f4ca3..d1cad75 100644
--- a/src/ext/conf/BrowserDetect.js
+++ b/src/ext/conf/BrowserDetect.js
@@ -1,4 +1,7 @@
-import Debug from './Debug.js';
+if (process.env.CHANNEL !== 'stable') {
+  console.log('Loaded BrowserDetect');
+}
+
 
 const BrowserDetect = {
   firefox: process.env.BROWSER === 'firefox',
@@ -7,7 +10,7 @@ const BrowserDetect = {
   processEnvBrowser: process.env.BROWSER,
 } 
 
-if (Debug.debug) {
+if (process.env.CHANNEL !== 'stable') {
   console.log("Loading: BrowserDetect.js\n\nprocess.env.BROWSER:", process.env.BROWSER, "Exporting BrowserDetect:", BrowserDetect);
 }
 
diff --git a/src/ext/conf/Debug.js b/src/ext/conf/Debug.js
index f62972c..b1b66f1 100644
--- a/src/ext/conf/Debug.js
+++ b/src/ext/conf/Debug.js
@@ -1,3 +1,8 @@
+if (process.env.CHANNEL !== 'stable') {
+  console.log('We are not on stable channel. File init will be printed to console.');
+  console.log('Loaded Debug.js');
+}
+
 // Set prod to true when releasing
 // const _prod = true; 
 const _prod = false; 
diff --git a/src/ext/lib/ActionHandler.js b/src/ext/lib/ActionHandler.js
index 3850b21..e3b870e 100644
--- a/src/ext/lib/ActionHandler.js
+++ b/src/ext/lib/ActionHandler.js
@@ -2,6 +2,10 @@ import Debug from '../conf/Debug';
 import PlayerData from './video-data/PlayerData';
 import ExtensionMode from '../../common/enums/extension-mode.enum';
 
+if(process.env.CHANNEL !== 'stable'){
+  console.log("Loading ActionHandler");
+}
+
 class ActionHandler {
 
   constructor(pageInfo) {
@@ -305,4 +309,8 @@ class ActionHandler {
 
 }
 
+if(process.env.CHANNEL !== 'stable'){
+  console.log("ActionHandler loaded");
+}
+
 export default ActionHandler;
diff --git a/src/ext/lib/Logger.js b/src/ext/lib/Logger.js
index f322017..345462b 100644
--- a/src/ext/lib/Logger.js
+++ b/src/ext/lib/Logger.js
@@ -2,6 +2,10 @@ import currentBrowser from '../conf/BrowserDetect';
 import { decycle } from 'json-cyclic';
 import Comms from './comms/Comms';
 
+if (process.env.CHANNEL !== 'stable'){
+  console.log('Loading Logger');
+}
+
 class Logger {
   constructor(options) {
     this.onLogEndCallbacks = [];
@@ -547,4 +551,8 @@ class Logger {
   }
 }
 
+if (process.env.CHANNEL !== 'stable'){
+  console.log('Logger loaded');
+}
+
 export default Logger;
diff --git a/src/ext/lib/Settings.js b/src/ext/lib/Settings.js
index 76a0f8d..a74a6ce 100644
--- a/src/ext/lib/Settings.js
+++ b/src/ext/lib/Settings.js
@@ -8,7 +8,9 @@ import VideoAlignment from '../../common/enums/video-alignment.enum';
 import ExtensionConfPatch from '../conf/ExtConfPatches';
 import CropModePersistence from '../../common/enums/crop-mode-persistence.enum';
 
-
+if(process.env.CHANNEL !== 'stable'){
+  console.log("Loading Settings");
+}
 
 class Settings {
 
diff --git a/src/ext/lib/Util.js b/src/ext/lib/Util.js
new file mode 100644
index 0000000..51b48a3
--- /dev/null
+++ b/src/ext/lib/Util.js
@@ -0,0 +1,3 @@
+export async function sleep(timeout) {
+  return new Promise( (resolve, reject) => setTimeout(() => resolve(), timeout));
+}
diff --git a/src/ext/lib/ar-detect/ArDetector.js b/src/ext/lib/ar-detect/ArDetector.js
index 3c05561..4af5875 100644
--- a/src/ext/lib/ar-detect/ArDetector.js
+++ b/src/ext/lib/ar-detect/ArDetector.js
@@ -8,6 +8,7 @@ import GuardLine from './GuardLine';
 // import DebugCanvas from './DebugCanvas';
 import VideoAlignment from '../../../common/enums/video-alignment.enum';
 import AspectRatio from '../../../common/enums/aspect-ratio.enum';
+import {sleep} from '../../lib/Util';
 
 class ArDetector {
 
@@ -257,7 +258,7 @@ class ArDetector {
 
     while (!this._exited && exitedRetries --> 0) {
       this.logger.log('warn', 'debug', `[ArDetect::main] <@${this.arid}>  We are trying to start another instance of autodetection on current video, but the previous instance hasn't exited yet. Waiting for old instance to exit ...`);
-      await this.sleep(this.settings.active.arDetect.timers.tickrate);
+      await sleep(this.settings.active.arDetect.timers.tickrate);
     }
     if (!this._exited) {
       this.logger.log('error', 'debug', `[ArDetect::main] <@${this.arid}>  Previous instance didn't exit in time. Not starting a new one.`);
@@ -302,16 +303,13 @@ class ArDetector {
         }
       }
 
-      await this.sleep(this.settings.active.arDetect.timers.tickrate);
+      await sleep(this.settings.active.arDetect.timers.tickrate);
     }
 
     this.logger.log('info', 'debug', `%c[ArDetect::main] <@${this.arid}>  Main autodetection loop exited. Halted? ${this._halted}`,  _ard_console_stop);
     this._exited = true;
   }
 
-  async sleep(timeout) {
-    return new Promise( (resolve, reject) => setTimeout(() => resolve(), timeout));
-  }
 
   canTriggerFrameCheck(lastFrameCheckStartTime) {
     if (this._paused) {
diff --git a/src/ext/lib/comms/Comms.js b/src/ext/lib/comms/Comms.js
index 3dce776..a20eff5 100644
--- a/src/ext/lib/comms/Comms.js
+++ b/src/ext/lib/comms/Comms.js
@@ -1,6 +1,10 @@
 import Debug from '../../conf/Debug';
 import BrowserDetect from '../../conf/BrowserDetect';
 
+if (process.env.CHANNEL !== 'stable'){
+  console.log("Loading Comms");
+}
+
 class Comms {
   static async sendMessage(message){
 
@@ -32,4 +36,8 @@ class Comms {
 
 }
 
+if (process.env.CHANNEL !== 'stable'){
+  console.log("Comms loaded");
+}
+
 export default Comms;
diff --git a/src/ext/lib/comms/CommsClient.js b/src/ext/lib/comms/CommsClient.js
index a569601..97965e3 100644
--- a/src/ext/lib/comms/CommsClient.js
+++ b/src/ext/lib/comms/CommsClient.js
@@ -1,6 +1,10 @@
 import Debug from '../../conf/Debug';
 import BrowserDetect from '../../conf/BrowserDetect';
 
+if (process.env.CHANNEL !== 'stable'){
+  console.log("Loading CommsClient");
+}
+
 class CommsClient {
   constructor(name, logger, commands) {
     this.logger = logger;
@@ -125,4 +129,8 @@ class CommsClient {
 
 }
 
+if (process.env.CHANNEL !== 'stable'){
+  console.log("CommsClient loaded");
+}
+
 export default CommsClient;
diff --git a/src/ext/lib/video-data/PageInfo.js b/src/ext/lib/video-data/PageInfo.js
index 5f2fa5a..fd9dc85 100644
--- a/src/ext/lib/video-data/PageInfo.js
+++ b/src/ext/lib/video-data/PageInfo.js
@@ -4,10 +4,9 @@ import RescanReason from './enums/RescanReason';
 import AspectRatio from '../../../common/enums/aspect-ratio.enum';
 import CropModePersistence from '../../../common/enums/crop-mode-persistence.enum';
 
-if(Debug.debug)
-  console.log("Loading: PageInfo.js");
-
-
+if (process.env.CHANNEL !== 'stable'){
+  console.log("Loading PageInfo");
+}
 
 class PageInfo {
   constructor(comms, settings, logger, extensionMode, readOnly = false){
diff --git a/src/ext/lib/video-transform/Resizer.js b/src/ext/lib/video-transform/Resizer.js
index 849d4cb..b66821e 100644
--- a/src/ext/lib/video-transform/Resizer.js
+++ b/src/ext/lib/video-transform/Resizer.js
@@ -8,6 +8,7 @@ import Stretch from '../../../common/enums/stretch.enum';
 import VideoAlignment from '../../../common/enums/video-alignment.enum';
 import AspectRatio from '../../../common/enums/aspect-ratio.enum';
 import CropModePersistance from '../../../common/enums/crop-mode-persistence.enum';
+import { sleep } from '../Util';
 
 if(Debug.debug) {
   console.log("Loading: Resizer.js");
@@ -139,7 +140,7 @@ class Resizer {
     }
   }
 
-  setAr(ar, lastAr) {
+  async setAr(ar, lastAr) {
     if (this.destroyed) {
       return;
     }
@@ -258,15 +259,37 @@ class Resizer {
         || this.stretcher.mode === Stretch.FixedSource){
       var stretchFactors = this.scaler.calculateCrop(ar);
 
+      this.logger.log('error', 'debug', `[Resizer::setAr] <rid:${this.resizerId}> failed to set AR due to problem with calculating crop. Error:`, stretchFactors && stretchFactors.error);
+
       if(! stretchFactors || stretchFactors.error){
-        this.logger.log('error', 'debug', `[Resizer::setAr] <rid:${this.resizerId}> failed to set AR due to problem with calculating crop. Error:`, (stretchFactors ? stretchFactors.error : stretchFactors));
-        if (stretchFactors.error === 'no_video'){
+        if (stretchFactors?.error === 'no_video'){
           this.conf.destroy();
+          return;
         }
-        if (stretchFactors.error === 'illegal_video_dimensions') {
-          this.logger.log('error', 'debug', `[Resizer::setAr] <rid:${this.resizerId}> Illegal video dimensions found. We will pause everything.`)
+
+        // we could have issued calculate crop too early. Instead of spending 30 minutes trying to fix this the proper way by
+        // reading documentation, let's fix it in 30 seconds with some brute force code
+        if (stretchFactors?.error === 'illegal_video_dimensions') {
+          let timeout = 10; // ms
+          let iteration = 0;
+          let maxIterations = 15;
+          do {
+            if (iteration > maxIterations) {
+              this.logger.log('error', 'debug', `[Resizer::setAr] <rid:${this.resizerId}> Video dimensions remain illegal after ${maxIterations} retries`);
+              return;
+            }
+            // fire first few rechecks in quick succession, but start increasing timeout 
+            // later down the line.
+            if (iteration > 0 && iteration % 0 == 0) {
+              timeout = Math.min(2 * timeout, 1000);
+            }
+            this.logger.log('info', 'debug', `[Resizer::setAr] <rid:${this.resizerId}> Sleeping for ${timeout} ms`);
+            await sleep(timeout);
+            stretchFactors = this.scaler.calculateCrop(ar);
+            iteration++;
+          } while (stretchFactors.error === 'illegal_video_dimensions');
+          this.logger.log('info', 'debug', `[Resizer::setAr] <rid:${this.resizerId}> Video dimensions have corrected themselves after retrying.`);
         }
-        return;
       }
 
       if (this.stretcher.mode === Stretch.Conditional){
@@ -589,12 +612,17 @@ class Resizer {
 
     // inject new CSS or replace existing one
     if (!this.userCss) {
+      this.logger.log('info', ['debug', 'resizer'], "[Resizer::setStyleString] <rid:"+this.resizerId+"> Setting new css: ", newCssString);
+
       this.injectCss(newCssString);
       this.userCss = newCssString;
     } else if (newCssString !== this.userCss) {
+      this.logger.log('info', ['debug', 'resizer'], "[Resizer::setStyleString] <rid:"+this.resizerId+"> Replacing css.\nOld string:", this.userCss, "\nNew string:", newCssString);
       // we only replace css if it
       this.replaceCss(this.userCss, newCssString);
       this.userCss = newCssString;
+    } else {
+      this.logger.log('info', ['debug', 'resizer'], "[Resizer::setStyleString] <rid:"+this.resizerId+"> Existing css is still valid, doing nothing.");
     }
   }
 }
diff --git a/src/manifest.json b/src/manifest.json
index c2d3fab..b502c86 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "name": "Ultrawidify",
   "description": "Removes black bars on ultrawide videos and offers advanced options to fix aspect ratio.",
-  "version": "4.4.7",
+  "version": "4.4.7.2",
   "applications": {
     "gecko": {
       "id": "{cf02b1a7-a01a-4e37-a609-516a283f1ed3}"
@@ -46,7 +46,6 @@
     "ext/*",
     "res/fonts/*",
     "res/css/*",
-       
     "res/img/settings/about-bg.png"
   ],
   "permissions": [
diff --git a/src/popup/panels/WhatsNewPanel.vue b/src/popup/panels/WhatsNewPanel.vue
index 4ae6384..0ee278a 100644
--- a/src/popup/panels/WhatsNewPanel.vue
+++ b/src/popup/panels/WhatsNewPanel.vue
@@ -4,30 +4,13 @@
     <p>Full changelog for older versions <a href="https://github.com/tamius-han/ultrawidify/blob/master/CHANGELOG.md">is available here</a>.</p>
     <p class="label">4.4.7</p>
     <ul>
+      <li><b>[4.4.7.1]</b> CSS fixes</li>
+      <li><b>[4.4.7.1~2]</b> Delay CSS changes if video dimensions are invalid (attempt to fix youtube alignment problems
+      that appear in certain circumstances). 4.4.7.2 increased number of retries.
+      </li>
       <li>Removed unnecessary font files and image files from the package.</li>
       <li>(For testing/debugging purposes) Logger UI in swatter mode is now somewhat functional and user-friendly.</li>
     </ul>
-
-    <template v-if="BrowserDetect.chrome">
-      <p>Due to factors beyond my control, Chrome version of this extension has missed the last three patches.</p>
-
-      <ul>
-        <li><b>4.4.6</b>
-           <ul>
-            <li>Ensured that Vue part of the content script (logger UI) only loads when necessary in order to fix breakage on certain sites (<a href="https://github.com/tamius-han/ultrawidify/issues/96">#96</a>).</li>
-            <li>Disabling (or enabling, if running in whitelist-only mode) specific sites used to not work (<a href="https://github.com/tamius-han/ultrawidify/issues/91">#91</a>). This issue appears to have been fixed.</li>
-            <li>Default stretch mode for sites is now probably being observed, too (<a href="https://github.com/tamius-han/ultrawidify/issues/94">#94</a>).</li>
-            <li>Fixed netflix (and possibly disney+ — please provide feedback for disney+ as I am unable to test it due to regional restrictions)</li>
-          </ul>
-        </li>
-        <li><b>4.4.5</b>
-        <ul>
-          <li>Extension no longer requires <code>allTabs</code> and <code>webNavigation</code> permissions</li>
-          <li>Some CSS on the logger popup was not scoped, causing display issues with some sites (<a href="https://github.com/tamius-han/ultrawidify/issues/92">#92</a>)</li>
-          <li>Fix some additional issues with video alignment when changing videos on autoplay</li>
-        </ul></li>
-      </ul>
-    </template>
   </div>
 </template>
 <script>
diff --git a/src/res/css/common.scss b/src/res/css/common.scss
index 25bac41..33458a1 100644
--- a/src/res/css/common.scss
+++ b/src/res/css/common.scss
@@ -1,6 +1,5 @@
 @import "colors.scss";
-@import "/res/css/font/overpass.css";
-@import "/res/css/font/overpass-mono.css";
+@import "fonts.scss";
 @import "flex.scss";
 // @import "form.scss";
 
diff --git a/src/res/css/font/overpass-mono.css b/src/res/css/font/overpass-mono.css
index c751e5e..e69de29 100644
--- a/src/res/css/font/overpass-mono.css
+++ b/src/res/css/font/overpass-mono.css
@@ -1,29 +0,0 @@
-@font-face {
-  font-family: 'overpass-mono';
-  src: url('../../fonts/overpass-mono-webfont/overpass-mono-light.woff2') format('woff2');
-       font-weight: 300;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass-mono';
-  src: url('../../fonts/overpass-mono-webfont/overpass-mono-regular.woff2') format('woff2');
-       font-weight: 400;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass-mono';
-  src: url('../../fonts/overpass-mono-webfont/overpass-mono-semibold.woff2') format('woff2');
-       font-weight: 500;
-       font-style: normal;
-}
-
-
-
-@font-face {
-  font-family: 'overpass-mono';
-  src: url('../../fonts/overpass-mono-webfont/overpass-mono-bold.woff2') format('woff2');
-       font-weight: 600;
-       font-style: normal;
-}
diff --git a/src/res/css/fonts.scss b/src/res/css/fonts.scss
new file mode 100644
index 0000000..5c50ef2
--- /dev/null
+++ b/src/res/css/fonts.scss
@@ -0,0 +1,111 @@
+@font-face {
+  font-family: 'Overpass';
+  src: url('/res/fonts/overpass-webfont/overpass-thin.woff2') format('woff2'); /* Super Modern Browsers */
+       font-weight: 200;
+       font-style: normal;
+}
+
+@font-face {
+  font-family: 'Overpass';
+  src: url('/res/fonts/overpass-webfont/overpass-thin-italic.woff2') format('woff2');
+       font-weight: 200;
+       font-style: italic;
+}
+
+@font-face {
+  font-family: 'Overpass';
+  src: url('/res/fonts/overpass-webfont/overpass-extralight.woff2') format('woff2');
+       font-weight: 300;
+       font-style: normal;
+}
+
+@font-face {
+  font-family: 'Overpass';
+  src: url('/res/fonts/overpass-webfont/overpass-extralight-italic.woff2') format('woff2');
+       font-weight: 300;
+       font-style: italic;
+}
+
+@font-face {
+  font-family: 'Overpass';
+  src: url('/res/fonts/overpass-webfont/overpass-light.woff2') format('woff2');
+       font-weight: 400;
+       font-style: normal;
+}
+
+@font-face {
+  font-family: 'Overpass';
+  src: url('/res/fonts/overpass-webfont/overpass-light-italic.woff2') format('woff2');
+       font-weight: 400;
+       font-style: italic;
+}
+
+@font-face {
+  font-family: 'Overpass';
+  src: url('/res/fonts/overpass-webfont/overpass-regular.woff2') format('woff2');
+       font-weight: 500;
+       font-style: normal;
+}
+
+@font-face {
+  font-family: 'Overpass';
+  src: url('/res/fonts/overpass-webfont/overpass-italic.woff2') format('woff2');
+       font-weight: 500;
+       font-style: italic;
+}
+
+@font-face {
+  font-family: 'Overpass';
+  src: url('/res/fonts/overpass-webfont/overpass-semibold.woff2') format('woff2');
+       font-weight: 600;
+       font-style: normal;
+}
+
+@font-face {
+  font-family: 'Overpass';
+  src: url('/res/fonts/overpass-webfont/overpass-semibold-italic.woff2') format('woff2');
+       font-weight: 600;
+       font-style: italic;
+}
+
+@font-face {
+  font-family: 'Overpass';
+  src: url('/res/fonts/overpass-webfont/overpass-bold.woff2') format('woff2');
+       font-weight: 700;
+       font-style: normal;
+}
+
+@font-face {
+  font-family: 'Overpass';
+  src: url('/res/fonts/overpass-webfont/overpass-bold-italic.woff2') format('woff2');
+       font-weight: 700;
+       font-style: italic;
+}
+
+@font-face {
+  font-family: 'Overpass mono';
+  src: url('/res/fonts/overpass-mono-webfont/overpass-mono-light.woff2') format('woff2');
+       font-weight: 300;
+       font-style: normal;
+}
+
+@font-face {
+  font-family: 'Overpass mono';
+  src: url('/res/fonts/overpass-mono-webfont/overpass-mono-regular.woff2') format('woff2');
+       font-weight: 400;
+       font-style: normal;
+}
+
+@font-face {
+  font-family: 'Overpass mono';
+  src: url('/res/fonts/overpass-mono-webfont/overpass-mono-semibold.woff2') format('woff2');
+       font-weight: 500;
+       font-style: normal;
+}
+
+@font-face {
+  font-family: 'Overpass mono';
+  src: url('/res/fonts/overpass-mono-webfont/overpass-mono-bold.woff2') format('woff2');
+       font-weight: 600;
+       font-style: normal;
+}
diff --git a/src/res/fonts/overpass-mono-webfont/overpass-mono.css b/src/res/fonts/overpass-mono-webfont/overpass-mono.css
deleted file mode 100644
index d380209..0000000
--- a/src/res/fonts/overpass-mono-webfont/overpass-mono.css
+++ /dev/null
@@ -1,51 +0,0 @@
-
-
-@font-face {
-  font-family: 'overpass-mono';
-  src: url('overpass-mono-light.eot');
-  src: url('overpass-mono-light.eot?#iefix') format('embedded-opentype'),
-       url('overpass-mono-light.woff2') format('woff2'),
-       url('overpass-mono-light.woff') format('woff'),
-       url('overpass-mono-light.ttf')  format('truetype');
-       font-weight: 300;
-       font-style: normal;
-}
-
-
-
-@font-face {
-  font-family: 'overpass-mono';
-  src: url('overpass-mono-regular.eot');
-  src: url('overpass-mono-regular.eot?#iefix') format('embedded-opentype'),
-       url('overpass-mono-regular.woff2') format('woff2'),
-       url('overpass-mono-regular.woff') format('woff'),
-       url('overpass-mono-regular.ttf')  format('truetype');
-       font-weight: 400;
-       font-style: normal;
-}
-
-
-
-@font-face {
-  font-family: 'overpass-mono';
-  src: url('overpass-mono-semibold.eot');
-  src: url('overpass-mono-semibold.eot?#iefix') format('embedded-opentype'),
-       url('overpass-mono-semibold.woff2') format('woff2'),
-       url('overpass-mono-semibold.woff') format('woff'),
-       url('overpass-mono-semibold.ttf')  format('truetype');
-       font-weight: 500;
-       font-style: normal;
-}
-
-
-
-@font-face {
-  font-family: 'overpass-mono';
-  src: url('overpass-mono-bold.eot');
-  src: url('overpass-mono-bold.eot?#iefix') format('embedded-opentype'),
-       url('overpass-mono-bold.woff2') format('woff2'),
-       url('overpass-mono-bold.woff') format('woff'),
-       url('overpass-mono-bold.ttf')  format('truetype');
-       font-weight: 600;
-       font-style: normal;
-}
diff --git a/src/res/fonts/overpass-webfont/overpass.css b/src/res/fonts/overpass-webfont/overpass.css
deleted file mode 100644
index 356c985..0000000
--- a/src/res/fonts/overpass-webfont/overpass.css
+++ /dev/null
@@ -1,189 +0,0 @@
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-thin.eot'); /* IE9 Compat Modes */
-  src: url('overpass-thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('overpass-thin.woff2') format('woff2'), /* Super Modern Browsers */
-       url('overpass-thin.woff') format('woff'), /* Pretty Modern Browsers */
-       url('overpass-thin.ttf')  format('truetype'); /* Safari, Android, iOS */
-       font-weight: 200;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-thin-italic.eot');
-  src: url('overpass-thin-italic.eot?#iefix') format('embedded-opentype'),
-       url('overpass-thin-italic.woff2') format('woff2'),
-       url('overpass-thin-italic.woff') format('woff'),
-       url('overpass-thin-italic.ttf')  format('truetype');
-       font-weight: 200;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-extralight.eot');
-  src: url('overpass-extralight.eot?#iefix') format('embedded-opentype'),
-       url('overpass-extralight.woff2') format('woff2'),
-       url('overpass-extralight.woff') format('woff'),
-       url('overpass-extralight.ttf')  format('truetype');
-       font-weight: 300;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-extralight-italic.eot');
-  src: url('overpass-extralight-italic.eot?#iefix') format('embedded-opentype'),
-       url('overpass-extralight-italic.woff2') format('woff2'),
-       url('overpass-extralight-italic.woff') format('woff'),
-       url('overpass-extralight-italic.ttf')  format('truetype');
-       font-weight: 300;
-       font-style: italic;
-}
-
-
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-light.eot');
-  src: url('overpass-light.eot?#iefix') format('embedded-opentype'),
-       url('overpass-light.woff2') format('woff2'),
-       url('overpass-light.woff') format('woff'),
-       url('overpass-light.ttf')  format('truetype');
-       font-weight: 400;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-light-italic.eot');
-  src: url('overpass-light-italic.eot?#iefix') format('embedded-opentype'),
-       url('overpass-light-italic.woff2') format('woff2'),
-       url('overpass-light-italic.woff') format('woff'),
-       url('overpass-light-italic.ttf')  format('truetype');
-       font-weight: 400;
-       font-style: italic;
-}
-
-
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-regular.eot');
-  src: url('overpass-regular.eot?#iefix') format('embedded-opentype'),
-       url('overpass-regular.woff2') format('woff2'),
-       url('overpass-regular.woff') format('woff'),
-       url('overpass-regular.ttf')  format('truetype');
-       font-weight: 500;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-italic.eot');
-  src: url('overpass-italic.eot?#iefix') format('embedded-opentype'),
-       url('overpass-italic.woff2') format('woff2'),
-       url('overpass-italic.woff') format('woff'),
-       url('overpass-italic.ttf')  format('truetype');
-       font-weight: 500;
-       font-style: italic;
-}
-
-
-
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-semibold.eot');
-  src: url('overpass-semibold.eot?#iefix') format('embedded-opentype'),
-       url('overpass-semibold.woff2') format('woff2'),
-       url('overpass-semibold.woff') format('woff'),
-       url('overpass-semibold.ttf')  format('truetype');
-       font-weight: 600;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-semibold-italic.eot');
-  src: url('overpass-semibold-italic.eot?#iefix') format('embedded-opentype'),
-       url('overpass-semibold-italic.woff2') format('woff2'),
-       url('overpass-semibold-italic.woff') format('woff'),
-       url('overpass-semibold-italic.ttf')  format('truetype');
-       font-weight: 600;
-       font-style: italic;
-}
-
-
-
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-bold.eot');
-  src: url('overpass-bold.eot?#iefix') format('embedded-opentype'),
-       url('overpass-bold.woff2') format('woff2'),
-       url('overpass-bold.woff') format('woff'),
-       url('overpass-bold.ttf')  format('truetype');
-       font-weight: 700;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-bold-italic.eot');
-  src: url('overpass-bold-italic.eot?#iefix') format('embedded-opentype'),
-       url('overpass-bold-italic.woff2') format('woff2'),
-       url('overpass-bold-italic.woff') format('woff'),
-       url('overpass-bold-italic.ttf')  format('truetype');
-       font-weight: 700;
-       font-style: italic;
-}
-
-
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-extrabold.eot');
-  src: url('overpass-extrabold.eot?#iefix') format('embedded-opentype'),
-       url('overpass-extrabold.woff2') format('woff2'),
-       url('overpass-extrabold.woff') format('woff'),
-       url('overpass-extrabold.ttf')  format('truetype');
-       font-weight: 800;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-extrabold-italic.eot');
-  src: url('overpass-extrabold-italic.eot?#iefix') format('embedded-opentype'),
-       url('overpass-extrabold-italic.woff2') format('woff2'),
-       url('overpass-extrabold-italic.woff') format('woff'),
-       url('overpass-extrabold-italic.ttf')  format('truetype');
-       font-weight: 800;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-heavy.eot');
-  src: url('overpass-heavy.eot?#iefix') format('embedded-opentype'),
-       url('overpass-heavy.woff2') format('woff2'),
-       url('overpass-heavy.woff') format('woff'),
-       url('overpass-heavy.ttf')  format('truetype');
-       font-weight: 900;
-       font-style: normal;
-}
-
-@font-face {
-  font-family: 'overpass';
-  src: url('overpass-heavy-italic.eot');
-  src: url('overpass-heavy-italic.eot?#iefix') format('embedded-opentype'),
-       url('overpass-heavy-italic.woff2') format('woff2'),
-       url('overpass-heavy-italic.woff') format('woff'),
-       url('overpass-heavy-italic.ttf')  format('truetype');
-       font-weight: 900;
-       font-style: italic;
-}