Reorganize .masthead styles by alpha/TRBL

Author: karlstolley

_sass/_ed.scss

@@ -221,36 +221,36 @@ tbody tr:nth-child(odd) th {
 */
 
 .masthead {
+  border-bottom: 1px solid #eee;
   margin-bottom: 3rem;
-  text-align: center;
   padding-top: 26px;
   padding-bottom: 1rem;
-  border-bottom: 1px solid #eee;
+  text-align: center;
 }
 
 .masthead-title {
-  margin-bottom: 0;
   color: #505050;
-  line-height: .777em;
   font-family: $main-font;
   font-size: 1.8rem;
+  line-height: .777em;
   margin-top: 2px;
+  margin-bottom: 0;
 }
 
 .masthead-title small {
+  color: $text-color;
+  font-family: $heading-font;
   font-size: .88rem;
   font-weight: 300;
-  color: $text-color;
   letter-spacing: .05rem;
-  font-family: $heading-font;
 }
 
 
 @media (max-width: 48em) {
   .masthead-title {
-    text-align: center;
-    margin-left: 15%;
     margin-right: 15%;
+    margin-left: 15%;
+    text-align: center;
   }
   .masthead-title small {
     display: none;
@@ -260,8 +260,8 @@ tbody tr:nth-child(odd) th {
 @media (max-width: 320px) {
   .masthead-title {
     margin-top: 2em;
-    margin-left: 0%;
     margin-right: 0%;
+    margin-left: 0%;
   }
 }