/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
	font: inherit;
	display: inline-block;
	overflow: visible;
	margin: 0;
	cursor: pointer;
	transition: 0.3s all ease-in-out;
	text-transform: none;
	color: inherit;
	border: 0;
}
.hamburger-box {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 12px;
}
.hamburger-inner {
	top: 50%;
	display: block;
	margin-top: 2px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	position: absolute;
	width: 20px;
	height: 4px;
	transition-timing-function: ease;
	transition-duration: .15s;
	transition-property: transform;
	background-color: #fff;
	border-radius: 4px;
}
.hamburger-inner:after, .hamburger-inner:before {
	display: block;
	content: "";
}
.hamburger-inner:before {
	top: -8px;
}
.hamburger-inner:after {
	bottom: 0px;
}
.hamburger--minus .hamburger-inner:after, .hamburger--minus .hamburger-inner:before {
	transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner:after, .hamburger--minus.is-active .hamburger-inner:before {
	transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s;
	opacity: 0;
}
.hamburger--minus.is-active .hamburger-inner:before {
	top: 0;
}
.hamburger--minus.is-active .hamburger-inner:after {
	bottom: 0;
}
@media screen and (max-width: 767px){
	.hamburger-inner{
		margin-top: 1px;
	}
	.hamburger-box{
		width: 10px;
		height: 6px;
	}
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
		width: 10px;
		height: 2px;
	}
	.hamburger-inner:before{
		top: -4px;
	}
}