Full width and center align

Hi all.
This is my product page .
My theme (Modulus) provides a right sidebar which I removed with a simple css code. But now I can’t figure out how to adjust the content. As you can see the “box” is slightly on the left. I need it to be more centered. The only way i figured out to change that is with
.woocommerce-page div.product .woocommerce-tabs .panel {width: ??? px; }

Of course I’m on a 22 inch monitor and will look different on a laptop and mobile so I intend to make it more specific with @media code.
If I change the px in width with % nothing happens. Is there a way to stretch it on the entire screen?

And the second thing. The product title looks awful. I have hidden the product image with display:none but of course its container still stands. How can I make the title on 1 row?
Thank you in advance.
Best regard, Vlad.
Sorry for the long post and I can’t add a potato (#9gag) ??
And sorry but for some reason I can’t post the line properly for some reason….

https://www.ads-software.com/plugins/woocommerce/