#header{
	@extend %header;
	background-color: transparent;
	position: fixed;
	z-index: 500;
	transition: all 0.48s ease;

	&.white-bg{
		background-color: $body-bg;
	}

	.menu-button{
		display: flex;
		align-items: center;

		&__hamburger{
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			margin-right: 10px;
		}

		&__text{
			font-size: 1.3rem;
			line-height: 1rem;
		}

	}
}

@media screen and (max-width: 768px){
	#header{
		height: $header-mobile-height;

		.logo img{
			height: 25px;
		}
	}
}