.site-header > .wrap {
	display: flex;
	align-items: center;
}
.title-area {
	float: none;
	width: 73%;
	max-width: 650px !important;
}
.widget-area.header-widget-area {
	float: none;
	width: 27%;
}
.header-image .site-title > a {
	min-height: 210px;
}
#menu-main {
	width: 60%;
	margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
	.site-header > .wrap {
		flex-direction: column;
	}
	.title-area {
		width: 100%;
	}
	.widget-area.header-widget-area {
		width: 50%;
		max-width: 250px;
	}
}
@media only screen and (max-width: 500px) {
	.widget-area.header-widget-area {
		width: 100%;
	}
}