diff --git a/app/less/icons.less b/app/less/icons.less
index a7ef7fc5..bb412dcb 100644
--- a/app/less/icons.less
+++ b/app/less/icons.less
@@ -1,19 +1,34 @@
 
-.logo, .icon {
+.icon {
+  display: inline-block;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
 }
 
 .icon {
-  width: 25px;
-  height: 25px;
+  width: 1em;
+  height: 1em;
 }
 
-.logo {
-  display: inline-block;
-  width: 50px;
-  height: 50px;
+.icon-sm {
+  width: 0.75em;
+  height: 0.75em;
+}
+
+.icon-tiny {
+  width: 0.5em;
+  height: 0.5em;
+}
+
+.icon-l {
+  width: 1.5em;
+  height: 1.5em;
+}
+
+.icon-xl {
+  width: 3em;
+  height: 3em;
 }
 
 .mount-T {
diff --git a/app/views/_header.html b/app/views/_header.html
index 508beb5b..44cf4499 100644
--- a/app/views/_header.html
+++ b/app/views/_header.html
@@ -1,5 +1,5 @@
 <header>
-  <div class="l" style="margin-right: 2em;"><a ui-sref="shipyard" class="logo shipyard"></a></div>
+  <div class="l" style="margin-right: 2em;"><a ui-sref="shipyard" class="icon icon-xl shipyard"></a></div>
 
   <div class="l menu">
     <div class="menu-header" ng-class="{selected: openedMenu=='s'}" ng-click="openMenu('s')">Ships</div>
@@ -21,7 +21,7 @@
   </div>
 
   <div class="r">
-    <a class="logo reddit" href="#" target="_blank" title="Reddit Thread"></a>
+    <a class="icon icon-xl reddit" href="#" target="_blank" title="Reddit Thread"></a>
   </div>
 
 </header>
\ No newline at end of file