Positioning the main header

Hello!

I’ve had this problem since I started on the website. I wanted to move the logo left of the search bar a little bit to the right, so I used padding to move it for 10%.

However, it also moved the search box, and I want it to be centered to the website.

What is wrong / missing from my code?

@media screen and (min-width : 1001px) {
	.main-header-col1 {
		  justify-content: flex-start;
		  padding: 10px 10%;
		  align-items: center;
		  display: inline-flex;
	}
}
	
@media screen and (min-width : 1001px) {
	.main-header-col2 {
		  -moz-box-pack: center;
		  -ms-flex-pack: center;
		  justify-content: center;
		  text-align: center;
		  flex: auto;
		  margin: auto;
	}
}

Thank you in advance!

• This topic was modified 3 years, 1 month ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

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