Custom CSS shows up in Customizer but not live site

So my issue is pretty simple: Certain Custom CSS that I input in Customizer mode (the suggested mode for the theme, I beleive) displays fine in Customizer mode, but does not run for the actual live site. If you go to dannabarnett.com, I currently have the current code active in the Custom CSS window:

.wp-block-column p {height: 8em !important;}
@media screen and (max-width: 1100px) {
.wp-block-column p {height: 10em !important;}
}
@media screen and (max-width: 768px) {
.wp-block-column p {height: 6em !important;}
	

The goal is to have the blocks resize equally based on screen size. For whatever reason, in Customizer mode, the code works fine and resizes everything exactly like I want it to, but once I exit Customizer mode and view the actual website, the default WordPress sizing seems to be in place.

As some of you may know, there was recently an issue with FontAwesome. During that debacle, I inputted the forum prescribed solution, which always worked in Customizer mode, but did not push through to the actual live version of the site. I assume this is a related issue, wish I could show that as well.

I’ve inspected the blocks and the code isn’t even being crossed out, it just doesn’t seem to be running.

Any ideas?

• This topic was modified 5 years ago by phillbarnett.

The page I need help with: [log in to see the link]