Improve responsiveness of logo addon

Change-Id: Ib4d3d6f64c6b00d2efae93b7c2730e79ddfc8d69
diff --git a/dev/scss/main/logos.scss b/dev/scss/main/logos.scss
index 8388160..325196c 100644
--- a/dev/scss/main/logos.scss
+++ b/dev/scss/main/logos.scss
@@ -9,6 +9,18 @@
     content: "" !important;
   }
 
+  div.logoaddon {
+    position:absolute;
+    display: block;
+    font-size: 45%;
+    right: 5pt;
+    bottom: 4pt;
+    text-align:right;
+    color: $dark-orange;
+    padding: 3pt;
+    text-shadow: 1pt 1pt 0 $nearly-white, -1pt -1pt 0 $nearly-white, -1pt 1pt 0 $nearly-white, 1pt -1pt 0 $nearly-white;
+  }
+  
   > * {
     background: {
       repeat:   no-repeat;
@@ -19,18 +31,6 @@
     > span {
       @include blind;
     }
-
-    > div.logoaddon {
-      position:absolute;
-      display: block;
-      font-size: 10pt;
-      right: 5pt;
-      bottom: 4pt;
-      text-align:right;
-      color: $dark-orange;
-      padding: 3pt;
-      text-shadow: 1pt 1pt 0 $nearly-white, -1pt -1pt 0 $nearly-white, -1pt 1pt 0 $nearly-white, 1pt -1pt 0 $nearly-white;
-    }
   }
 }