How can I change the background color of a specific section?

Hello,

I need help with changing the background color for the circled section.

Here is the link to the page: https://wowberrybites.myshopify.com/pages/contact-us

Thank you!

@winnado11 - you want like this? I used your logo color, but I believe your contact page too shares same template as other pages, or is it separate? can you please check?

@suyash1 Hello, thanks for asking. No, I want the background color to be full width like this below. I do not want the gap of white space between the background of the header and subtitle. And it is a separate page (Contact Us page that has its own template I guess. I am not sure.

@winnado11 - please add this given css to the very end of your theme.min.css file and check, it should be like screenshot below. This will change on desktop only and not mobile, if you want to change on mobile also, then please remove the very first line of css - “@media screen and (min-width:750px){” and very last “}” bracket

@media screen and (min-width:750px){
.customer--medium-width {max-width: 100%;    padding-left: 0;    padding-right: 0;}

.customer .customer__heading {margin-bottom: 0;    background-color: #ac3834;    
color: #fff;}

.customer.customer--medium-width .rte {background-color: #ac3834;    color: #fff;}

}

@suyash1 thanks so much for the code. However, after I add the code, my page turned to this. The background is good, however, the fields of Nam, Email, and such got expanded as well. May you please help me check? Thank you!

@winnado11 - hello, do you still see like your screenshot, because I see like this