diff --git a/mayan/apps/appearance/static/appearance/fonts/mayan-edms.ttf b/mayan/apps/appearance/static/appearance/fonts/mayan-edms.ttf
new file mode 100644
index 0000000000..a1a39d3f5c
Binary files /dev/null and b/mayan/apps/appearance/static/appearance/fonts/mayan-edms.ttf differ
diff --git a/mayan/apps/appearance/static/appearance/images/mayan_logo_landscape_rough.png b/mayan/apps/appearance/static/appearance/images/mayan_logo_landscape_rough.png
deleted file mode 100644
index e845a9aa75..0000000000
Binary files a/mayan/apps/appearance/static/appearance/images/mayan_logo_landscape_rough.png and /dev/null differ
diff --git a/mayan/apps/appearance/templates/appearance/about.html b/mayan/apps/appearance/templates/appearance/about.html
index 8b44765294..695e4e53cc 100644
--- a/mayan/apps/appearance/templates/appearance/about.html
+++ b/mayan/apps/appearance/templates/appearance/about.html
@@ -7,42 +7,86 @@
 {% load version_tags %}
 
 {% block title %} :: {% trans 'About' %}{% endblock %}
+
+
+{% block stylesheets %}
+    <style>
+        @font-face {
+            font-family: 'mayan-edms';
+            src: url("{% static 'appearance/fonts/mayan-edms.ttf' %}") format('truetype');
+            font-weight: normal;
+            font-style: normal;
+        }
+
+        [class^="icon-"], [class*=" icon-"] {
+            font-family: 'mayan-edms';
+            speak: none;
+            font-style: normal;
+            font-weight: normal;
+            font-variant: normal;
+            text-transform: none;
+            line-height: 1;
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+        }
+
+        .icon-mayan-edms-logo:before {
+            content: "\e600";
+            font-size: 150%;
+        }
+
+        .mayan-edms-logo {
+            font-family: 'IM Fell English SC', serif;
+            color:black;
+            font-size: 150%;
+        }
+
+        @media (min-width: 768px) {
+            .mayan-edms-logo {
+                font-size: 300%;
+            }
+        }
+
+        @media (min-width: 991px) {
+            .mayan-edms-logo {
+                font-size: 500%;
+            }
+        }
+    </style>
+{% endblock stylesheets %}
+
 {% block content %}
+    <h2>{% trans 'About' %}</h2>
+    <hr>
 
-<h2>{% trans 'About' %}</h2>
-<hr>
+    <div class="well">
+        <h3 class="text-center">{% project_name %} ({% trans 'Version' %} {% app_version 'mayan' %})</h3>
+        <p class="text-center">
+            {% trans 'Free Open Source Electronic Document Management System' %}
+        </p>
 
-<div class="jumbotron">
-    <h3 class="text-center">{% project_name %} ({% trans 'Version' %} {% app_version 'mayan' %})</h3>
-    <p class="text-center">
-        {% trans 'Free Open Source Electronic Document Management System' %}
-    </p>
+        <p class="text-center">
+            <i class="fa fa-link"></i><a href="http://www.mayan-edms.com"> http://www.mayan-edms.com</a>
+        </p>
 
-    <p class="text-center">
-        <i class="fa fa-link"></i><a href="http://www.mayan-edms.com"> http://www.mayan-edms.com</a>
-    </p>
+        <p class="text-center">
+            <i class="fa fa-book"></i> <a href="http://readthedocs.org/docs/mayan/en/latest/"> http://mayan.readthedocs.org/</a>
+        </p>
 
-    <p class="text-center">
-        <i class="fa fa-book"></i> <a href="http://readthedocs.org/docs/mayan/en/latest/"> http://mayan.readthedocs.org/</a>
-    </p>
+        <p class="text-center">
+            <i class="fa fa-wrench"></i> <a href="https://github.com/mayan-edms/mayan-edms/"> https://github.com/mayan-edms/mayan-edms/</a>
+        </p>
 
-    <p class="text-center">
-        <i class="fa fa-wrench"></i> <a href="https://github.com/mayan-edms/mayan-edms/"> https://github.com/mayan-edms/mayan-edms/</a>
-    </p>
+        <p class="text-center">
+            <i class="fa fa-bug"></i> <a href="https://github.com/mayan-edms/mayan-edms/issues"> https://github.com/mayan-edms/mayan-edms/issues</a>
+        </p>
 
-    <p class="text-center">
-        <i class="fa fa-bug"></i> <a href="https://github.com/mayan-edms/mayan-edms/issues"> https://github.com/mayan-edms/mayan-edms/issues</a>
-    </p>
+        <p class="text-center">
+            {% trans 'Released under the Apache 2.0 License' %}
+        </p>
 
-    <p class="text-center">
-        {% trans 'Released under the Apache 2.0 License' %}
-    </p>
-
-    <p class="text-center">
-        <img src="{% static 'appearance/images/mayan_logo_landscape_rough.png' %}"/>
-    </p>
-
-  </div>
+        <p class="text-center mayan-edms-logo">Mayan <span class="icon-mayan-edms-logo"></span> EDMS</p>
+    </div>
 {% endblock %}
 
 {% block footer %}