Navigation links and side bar menu custom font

Site URL: https://www.yourspotla.com/

Hi!

I can't get my navigation links or the sidebar menu fonts to change to my custom font. I am using the Bryant Hill template. Here's the code I have currently:

@font-face {

    font-family: 'MINT GROTESK BLACK';

       src: url('https://static1.squarespace.com/static/5e02545d2127d914d2553ce0/t/615cfd73a41ef71314919c69/1633484148048/MintGroteskV1.1-Regular.woff');

  }

h2 {font-family: 'MINT GROTESK BLACK'; font-size:20px}
h3 {font-family: 'MINT GROTESK BLACK'; font-size:30px}
h1 {font-family: 'MINT GROTESK BLACK'; font-size:14px}

.desc-wrapper>p:first-child>strong {
    color: white;
    font-family: MINT GROTESK BLACK, serif !important;
    letter-spacing: 1px
}

header#header *, footer.sections *{
    font-family: 'MINT GROTESK BLACK'; font-size:20px;}

.image-subtitle * {
    font-family: 'MINT GROTESK BLACK' !important;
}

.Header-nav--secondary .Header-nav-item *{
    font-family: 'MINT GROTESK BLACK'; font-size:20px;

}

Which page is the sidebar on? I'm not seeing it.

Also, it doesn't seem that you've loaded your font as I'm not seeing it in your CSS, but when you add it back in, this should work.

#header nav ul {
  font-family: "MINT GROTESK BLACK";
}