Issues with CSS class targeting in Firefox and Edge

Have you changed how you have the CSS classes targeting the titles? Below is the original (as of 8/2)

#top #wrap_all .header_color h1,  #top #wrap_all .main_color h1,  #top #wrap_all .alternate_color h1,  #top #wrap_all .footer_color h1,  #top #wrap_all .socket_color h1 {
  color: #4d7b15;
  font-size: 30px;
  font-weight: normal;
}

Then as of 8/9:

#top #wrap_all .all_colors h1 {
  color: #4d7b15;
  font-size: 30px;
  font-weight: normal;
}

So I’m thinking that the new CSS no longer targets the areas you used to and is defaulting to black? The biggest issue is with the main content only being 10px wide! The only way I’ve figured out how to get the content to display is to do the following:

.html_boxed #main {
  position: static;
  overflow: hidden; <-- disable
}

This is on the element:
body -> <div id="wrap_all"> -> <div id="main" data-scroll-offset="0">

Now this didn’t change between versions, so not sure why this makes a difference now? The issues occur in Firefox and Edge, but not Chrome.