So I've looked at the other questions on here about Bootstrap overriding original CSS files but none helped fix my problem. I put my CSS file last and no luck.
I have a hamburger in the top right corner and it becomes a black square, it works but when you click on it the slide menu goes behind my grid instead of in front of it. Also my Google fonts and sizing of text is not working.
My links as they are now. My script file is at the bottom of the body.
Below in Aziz's answer he help fix the issue with menu showing up behind the grid but claimed Bootstrap wasn't overriding my CSS. If I go to the inspector to view my page I can see it is. As a result the demo Aziz supplies does indeed work but the font is from BS not the one I put in and the font size is wrong too. Also all my other pages for this website design without BS didn't need the added margin for the inner divs as Aziz suggests, which again makes me thing BS is affecting my CSS. Any thoughts?