How to Customize Bedford Banner Text Block Size

Site URL: https://www.stick8.ca/

Hello, the text on my banner runs all the way to the centre of the image.

I would like it to extend from the left to one third of the image, leaving the centre of the image clean.

I am using this code to align the text left:

.desc-wrapper {
   margin: 0 !important;
   text-align: left!important;
}

What can I do to customize the size of the banner text block so that it sits within the frame? (the frame is there only to show where I want the text to sit)

Thanks so much.

Add to Home > Design > Custom CSS

@media screen and (min-width:901px) {
.homepage .desc-wrapper {
    max-width: 35%;
}
}

Thank you so much for your help!

It works like a charm.