//************
//* l-header *
//************
.l-header{
	align-items: center;
	background: $backgroundHeader;
	box-shadow: $boxShadowHeader;
	color: $colorHeader;
	display: flex;
	font-size: $fontSizeHeader;
	height: $heightHeader;
	justify-content: space-between;
	padding: $paddingMobileHeader;
	width: 100%;

	.c-logo{
		max-width: $maxWidthMobileLogoHeader;
	}

	.m-menu,
	.m-menu__list{
		height: 100%;
	}
}

@include until($mediaWidthHeader){
	.l-header .m-menu{
		display: none;
	}
}

@include from($mediaWidthHeader){
	.l-header{
		padding: $paddingHeader;

		.c-logo{
			max-width: $maxWidthTabletLogoHeader;
		}

		.c-hamb{
			display: none;
		}
	}
}