Changing Margin Padding on Blogs for Bedford Template

Site URL: https://theyogaroot.org/online-yoga-portal-blog

Blogs in the Bedford template have massive margins (left & right) from the padding. Anyone have a code that could help with toggling the margin padding that shows up to the left and right of the blog posts? I've only found a code to remove all padding, or to reduce padding between posts. Ideally I would like about half of the padding margins, and if I had a code I could easily play with the numbers.

Thank you so much!!!

add to Home > Design > Custom CSS

.hide-blog-sidebar.collection-type-blog #page {
    padding-left: 48px;
    padding-right: 48px;
    max-width: 100% !important;
}
.hide-blog-sidebar.collection-type-blog #page #content {
    max-width: 100%;
}