Help with Hover Font

Hi there,

I'm updating the fonts on my site and would like to update the hover font in my nav menu.

I've added the below to custom css and it works in the Squarespace preview, however when I view the live site it isn't working.

Are you able to help at all? Thanks so much.

//***CHANGE HOVER FONT FOR MEGA MENU***//

@media @desktop { h1 a:hover{

font-family: 'ppneuemontreal-thin' !important;

text-transform: uppercase;

  font-weight: normal;

-webkit-text-stroke: 0.1px ;

  font-style: normal;

    font-size: 3.75rem;

letter-spacing: 0.01em;

  } }

@media @mobile { h1 a:hover{

font-family:'ppneuemontreal-thin' !important;

  text-transform: uppercase;

font-weight: normal;

    font-size: 3rem;

-webkit-text-stroke: 0.1px ;

font-style: normal;

         letter-spacing: 0.01em;

  } }

Hi,

What is your site url?

Have you declared screen sizes for @mobile & @desktop syntax yet?