/**********************************************************************/
/**********************************************************************/
.header {
	position: relative;
	z-index: 100;
}
.header__content {
	display: flex;
	justify-content: space-between;
	height: 125px;
}

/**********************************************************************/
.header__logo {
	transition: opacity 0.3s;
}
.header__logo:hover {
	opacity: 0.7;
}
.header__logo img {
	width: 100%;
}


/**********************************************************************/
.header__menu {
	margin: 30px 0 auto;
}



/**********************************************************************/
/*********************         RESPONSIVE         *********************/
/**********************************************************************/
@media screen and (max-width: 1024px) {
	/******************************************************************/
	.header {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
	}
	.header__content {
		height: auto;
	}
	.header__empty-col {
		display: none;
	}
	.header__logo {
		width: 280px;
	}
	.header__menu {
		width: calc(100% - 300px);
		max-width: 600px;
		margin: auto 0;
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

@media screen and (max-width: 767px) {
    /******************************************************************/
	.header__logo {
		width: 200px;
	}
	.header__menu {
		width: calc(100% - 240px);
	}
	.header__menu .container__col {
		width: 33.33333%;
	}
}

@media screen and (max-width: 650px) {
    /******************************************************************/
	.header__logo {
		width: 55%;
		max-width: 250px;
		margin-left: -8px;
	}
	.header__menu {
		width: 45%;
	}
	.header__menu .container__col {
		width: 100%;
	}
	.header__menu .btn {
		margin: 0 0 8px auto;
	}
}