Flatiron: Adjusting content width on page when opening from index page into new tab

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

I'm having an issue with controlling the width of the content on my project pages specifically when opening the projects in a new tab or window. With the following code the pages work just fine, but only when clicking through from the home page. It does not take effect when opening in a new tab (example below).

/* Controls width of content */
 #project .gallery {
   max-width: 100% !important
 }

I noticed that the URL changes ever so slightly when opening in a new tab by removing the /#/ between the domain name and the slug. I suspect this is because the home page is an index style page and the other pages are sub pages of said index page.

URL when clicking through from the home page:
codylafond.com/#/example

URL when opening in new tab/window:
codylafond.com/example

I can't seem to control the width of the content on these pages when opened in a new tab/window. Anybody have any experience with this or know of a solution? Thanks in advance.