Adversary: Changing site title to a custom font

Hello! So this should be really quite simple but I just can't to seem to figure it out. I'm currently putting together my site in a trial period and planning to go live with it over the weekend.

https://forceproductions.squarespace.com is the site.

As you can see I've managed to get ALL of my header fonts to be diablo_h except for the main title - which is the most important!

Firstly, I know nothing about CSS. I've managed to read through a ton of forums to figure out my way a bit, but this is the code I've injected so far:

@font-face {
   font-family: 'diablo_h';
      src: url('https://static1.squarespace.com/static/55d0da93e4b0ebe2dff29cd3/t/55d2c187e4b0a6ed876846ba/1439875463298/diablo_h.ttf'),;
   font-weight: 400;
 }

 h1, h2, h3, h4, h5, h6 {
   font-family: 'diablo_h';
   font-weight: 400;
 }

ALL THAT ABOVE IS WORKING

I cannot for the life of me figure out how to make the main title text the same font, diablo_h.

I have found that

.page-title{display:none;} 

removes the title, but I can't seem to make it change the font.

I also tried

.homepage #siteTitle {font-family: 'diablo_h';
      src: url('https://static1.squarespace.com/static/55d0da93e4b0ebe2dff29cd3/t/55d2c187e4b0a6ed876846ba/1439875463298/diablo_h.ttf'),;
   font-weight: 400}

but that didn't do anything...

Please help!