How to adjust the width of a whole section that is not full width?

Is there a way to adjust the width of a specific section?

The current section is the widest it can go without stretching it to full width. I need CSS to be able to add more width to the section at my control. And with the ability to adjust it slightly for mobile too.

Current position attached and an ideal example.

 

@johnpaulstuthridge You can add this code snippet within the Custom CSS panel. Code will transform the width of the section to 100% of the page width. 

section[data-section-id="6504b8da0d80e56321e7e41e"] {
  .fluid-engine {
    --sqs-site-max-width:100vw;
    --sqs-site-gutter:0vw;
  }
}

1 hour ago, Lesum said:

@johnpaulstuthridge You can add this code snippet within the Custom CSS panel. Code will transform the width of the section to 100% of the page width. 

section[data-section-id="6504b8da0d80e56321e7e41e"] {
  .fluid-engine {
    --sqs-site-max-width:100vw;
    --sqs-site-gutter:0vw;
  }
}

Hey that works great! However it's made the margins slightly smaller for mobile for some reason. It would be great if it left mobile as the default margins, just coded for desktop only. Is that possible?