Change navigation breakpoints

Hi, newbie here

I want to change the breakpoint on my navbar so that it stays in the expanded version all the way down until phone size. So it would only be the collapsed navbar on phone sized screens.

Right now it collapses at 979px.

I believe the navbar is built off of Bootstrap. The Bootstrap docs recommend changing the @grid-float-breakpoint. Where can i find this variable? Is it a Less variable? Do i need to get a custom Bootstrap build?

Should i just try to override everything with media queries?

Here’s the site, but it’s just the default theme. I haven’t changed anything else yet.
https://georgedumontier.com/PEC/