How to increase page width/size of content and decrease margins?

Site URL: https://www.louissutherland.com

I'm trying to increase the width of the page content so that the videos appear larger depending on the person's browser window (increasing or decreasing in size according to full the space accordingly.

Right now the content feels very narrow with big borders/margins on the left and right.

Add to Home > Design > Custom CSS

div#commercials-page {
    padding-left: 5px;
    padding-right: 5px;
    max-width: 100%;
}