I have been beating myself up for hours over this.
No matter what I try, every time I open the home page, and check the "Elements" in the "Developer Tools", it shows one section of the page as using the CSS from the "@media all and (min-width: 768px)" section of my styles.css file. And this us messing up everything else on the home page, because those sections are all using the "@media all and (min-width: 1280px) sections.
The only way I have been able to force the page to use all of the correct CSS is to comment out the "@media" section for the minimum page width of 768px.
Any help would be greatly appreciated.