@media (min-width: 1024px) {
	.header__container.container.header__container--fixed {

	position: fixed;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 999;
	background: #F1F1F1;
		
	animation-name: header-Desktop;
    animation-duration: 1s;
    animation-iteration-count: 1;

	}
	
	@keyframes header-Desktop {
	  from {
		height: 0px;
		overflow: hidden;
	  }
	  to {
		height: 72px;
		overflow: hidden;
	  }
	}

}



@media (max-width: 1023px) {
	header.header.header--fixed {

	position: fixed;
	width: 100%;
	z-index: 999;
		
		animation-name: header-Mobile;
		animation-duration: 1s;
		animation-iteration-count: 1;

	}
	
	@keyframes header-Mobile {
	  from {
		height: 0px;
		overflow: hidden;
	  }
	  to {
		height: 72px;
		overflow: hidden;
	  }
	}

}