Reply 53553 to: Font issue and header question

1.You may add following code as an examole into the custom.css:

@font-face {
  font-family: 'Geostar';
  font-style: normal;
  font-weight: 900;
  src: local('Geostar'), local('Geostar-Regular'),url(http://fonts.gstatic.com/s/geostar/v6/nzPy9OeCUlrvasr5B00qNQ.woff2) format('woff2');}
h3.widget-title{font-family: 'Geostar' !important;}

You may use local fonts(upload your font).
2.Please use this code for mask:

.hover-mask{
background-color: rgba(255, 199, 231, 0.37) !important;}

You may use this color picker.

With best regards
Brian Johnson