Headline is off

Site URL: https://afterglowatx.com

for our site we made the constraints of the blog post's body copy a lot more centralized and larger for legibility. It looks great! But, there does not seem to be a function where I can mess with the margins/padding of the headline to push it more in. I know how to do that with code, however when I do code it it's not responsive and looks gross at any wrong width of a computer window. I was wondering if there is an easier way to move it over than go to code. 

and before y'all ask, we don't want to do center aligned, we prefer left. (also center moves the date metadata which looks gross)

bump (idk if this works)

Add to Home > Design > Custom CSS

@media screen and (min-width:901px) {
h1.BlogItem-title {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
}
.Blog-meta.BlogItem-meta {
    width: 66% !important;
    margin-left: auto;
    margin-right: auto;
}
}