clean up typography mixins and classes

h/css/app.scss

@@ -226,7 +226,7 @@ svg { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
     position: relative;
     text-align: right;
     top: -3.5em;
-    a { @include tertiarytext; }
+    a { @extend .small; }
   }
 
   input:not([type="submit"]) { width: 100%; }

h/css/base.scss

@@ -187,24 +187,6 @@ $em: 14 / 1em !default;
 }
 
 
-
-//ANNOTATOR TEXT STYLES////////////////////////////////
-@mixin primarytext {
-  font-weight: bold;
-  font-size: 1.3em;
-}
-
-@mixin secondarytext {
-  font-size: 1.1em;
-  font-weight: bold;
-}
-
-@mixin tertiarytext {
-  font-size: .8em;
-}
-
-
-
 //FONTICON////////////////////////////////
 @mixin fonticon($char, $iconside, $offset: 0) {
   text-decoration: none;

h/css/common.scss

@@ -53,12 +53,11 @@ h2 {
 }
 
 h3 {
-  font-size: 1em;
-  margin: 0;
+  font-size: 1.4em;
 }
 
 h4 {
-  font-size: 1.25em;
+  font-size: 1.15em;
   margin: 0 0 .1em;
 }
 
@@ -101,8 +100,8 @@ button, input[type=submit], .btn {
   display: inline-block
 }
 
-.tertiarytext {
-  @include tertiarytext;
+.small {
+  font-size: .8em;
 }
 
 .icon-hidden {
@@ -532,7 +531,7 @@ blockquote {
   }
 
   .tip {
-    @include tertiarytext;
+    @extend .small;
     float: right;
   }
 }
@@ -572,10 +571,6 @@ blockquote {
     @include icon("minus_1.png");
   }
 
-  .reply-count {
-    @include tertiarytext;
-  }
-
   .annotation {
     padding-top: .35em;
     &.squished {
@@ -627,7 +622,7 @@ blockquote {
       margin .1s ease-in-out .25s,
       opacity .1s ease-in-out .25s
     );
-    @include tertiarytext;
+    @extend .small;
     float: left;
     margin-left: 1em;
   }