@media screen and (max-width: 900px){
	.openHamburger{
		width: 44px;
	    height: 44px;
	    margin: 0;
	    right: 0;
	    top: 0;
	    display: block;
		position: fixed;
		z-index: 999;
	    text-indent: -9999px;
	    float: right; 
	    background-color: rgba(255, 255, 255, 0);
	}
	.c-hamburger {
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 44px;
		height: 44px;
		font-size: 0;
		text-indent: -9999px;
		appearance: none;
		box-shadow: none;
		border-radius: none;
		border: none;
		cursor: pointer;
		transition: background 0.3s;
	}
	.c-hamburger:focus {
		outline: none;
	}
	.c-hamburger span {
		display: block;
		position: absolute;
		top: 22px;
		left: 9px;
		right: 9px;
		height: 2px;
		background: #0A97E4;
	}
	.c-hamburger span::before, .c-hamburger span::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #0A97E4;
		content: "";
	}
	.c-hamburger span::before {
		top: -8px;
	}
	.c-hamburger span::after {
		bottom: -8px;
	}
	.c-hamburger--htx {
		transition: left .6s;
	}
	.c-hamburger--htx span {
		transition: background 0s 0.3s;
	}
	.c-hamburger--htx span::before, .c-hamburger--htx span::after {
		transition-duration: 0.3s, 0.3s;
		transition-delay: 0.3s, 0s;
	}
	.c-hamburger--htx span::before {
		transition-property: top, transform;
	}
	.c-hamburger--htx span::after {
		transition-property: bottom, transform;
	}
	/* active state, i.e. menu open */
	
	.c-hamburger--htx.is-active span {
		background: none;
	}
	.c-hamburger--htx.is-active span::before {
		top: 0;
		transform: rotate(45deg);
	}
	.c-hamburger--htx.is-active span::after {
		bottom: 0;
		transform: rotate(-45deg);
	}
	.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after {
		transition-delay: 0s, 0.3s;
	}	
}