Losing my mind; CSS not updating / or correct?

I am completely lost on this one. Why has my page title (#newsfeed) not got a margin below it to the plug in, or in uppercase? Why is the post title so close the plug in (when you click on a blog post)?

https://lifethroughahashtag.com/calm-down-dear/

https://lifethroughahashtag.com

CSS:
#branding img {width: 100%}
hgroup { min-height: 0px; }
.single h1.entry-title { margin-top: 1em; }
.entry-meta { margin-top: 1em; }
h1.page-title { margin-bottom: 1em; }
h1.page-title { text-transform: uppercase }
h1 {margin: 0 !important; line-height: 1 !important}
h2.entry-title { margin-top: 1em; }
#main { padding: 0 3% !important }