adjusted css for link styles again

public/css/main.css

@@ -81,10 +81,6 @@ h1, h2 {
 h3, h4, strong, b {
     font-weight: bold;
 }
-h1 a, h2 a, h3 a, h4 a, strong a {
-    color: #444;
-    text-decoration: underline;
-}
 strong {
     font-size: 1.15em;
 }
@@ -137,11 +133,14 @@ li {
 ul, ol, dl, p {
     margin-bottom: 10px;
 }
-a, a:hover, a:active, a:visited {
+a {
+    color: #337ab7;
+}
+a:hover, a:active, a:visited {
     background-color: transparent;
     text-decoration: underline;
     outline: 0;
-    color: #337ab7;
+    color: inherit;
 }
 a:hover, a:focus {
     text-decoration: underline;
@@ -152,6 +151,10 @@ a:focus {
     text-decoration: underline;
     outline-offset: -2px;
 }
+h1 a, h2 a, h3 a, h4 a, strong a {
+    color: #444;
+    text-decoration: underline;
+}
 img {
     display: block;
     border: none;
@@ -229,10 +232,7 @@ footer .skype {
     html {
         font-size: 16px;
     }
-    h1 a, h2 a, h3 a, h4 a, strong a {
-        text-decoration: none;
-    }
-    a, a:hover, a:active, a:visited {
+    a, a:hover, a:active, a:visited, h1 a, h2 a, h3 a, h4 a, strong a {
         text-decoration: none;
     }
 }