set masthead background color by hsla

Author: StaphSynth

assets/stylesheets/main.scss

@@ -62,7 +62,7 @@ header {
 
 /*Produce the 'faded' effect on the background image so the heading is easier to read*/
 #heading {
-  background-color: #ffffff80;
+  background-color: hsla(0, 0%, 100%, 50%);
   width: 100%;
   height: 100%;
 }