I solved this by overriding the page within my custom blueprint. An example here would be an override of the the HomePage.tsx, where you use the "fullWidth" property on the Page component to render it as full width for different screen-width breakpoints: 

const HomePage = ({ id }: PageProps) => (
    <Page data-test-selector="homePage" {...styles.page} fullWidth={[true, true, true, true, true]}>
        <Zone contentId={id} zoneName="Content" requireRows />
        <Modals />
    </Page>
);

So for each page I want to use full width I'll need to create an override. This could make it somewhat painful if there's a full-screen banner on every page of the site. I have a feeling there is a more reusuable way to do this using something such as a page template. I will post back here if I find more, but this gets my home page looking the way I want.