style to be fixed for header and sidebar

Current issue:

The header has three columns: 33%;38%; 29%

.header_column1
{
	float: left;
	padding-left: 20px;
    width: 33%;
}
.header_column2
{
	float: left;
	padding-right: 20px;
    width: 38%;
}
.header_column3
{
	float: left;
	padding-right: 3%; 
    width: 29%;
}

The sidebar is supposed to be 25%, but if I set it to 25%, the header will be squeezed because it generates 4 columns for me so I end up using 33%

  .col-md-4 {
	margin-left:0px;
    width: 33%; 
 	padding-right: 0%; 
  }

With 33% for the width, the sidebar has too much space as you can see from the live page.

I also want to give it some space on the right in the body.

It would be greatly appreciated if anyone can help me to sort it out.

Thank you so much.

• This topic was modified 4 years, 6 months ago by mdivk.
• This topic was modified 4 years, 6 months ago by Steve Stern (sterndata). Reason: put code in backticks

The page I need help with: [log in to see the link]