@media (min-width: 481px) and (max-width: 752px) {
	.is-hamburger > .menu-contents {
		width: 40%;
	}
}

@media (max-width: 480px) {
	.is-hamburger > .menu-contents {
		width: 60%;
	}
}

.is-hamburger > .menu-contents {
	position: fixed;

	height: 100%; 
	top: 0;
	cursor: -webkit-grab;
}  

.is-hamburger.hamburger-left > .menu-contents {
	left: 0%;
}

.is-hamburger.hamburger-right > .menu-contents {
	left: 100%;
}

body.is-dragging .is-hamburger > .menu-contents {
	cursor: -webkit-grabbing;
}   

.is-hamburger > .menu-contents .is-head li {
	width: 100%;
}

.is-hamburger > .menu-contents .is-head a {
	width: 100%;
	box-sizing: border-box;
	display: block;
}

body:not(.is-dragging) .is-hamburger > .menu-contents {
	transition: transform 0.65s cubic-bezier(.15, .96, .45, 1);
}

.hamburger {
    padding: 0;
    background: none;
    border: 0;
}

.is-hamburger .hamburger {
	display: block;
	position: absolute;
	cursor: pointer;
	height: 18px;
	width: 25px;
}

body:not(.is-dragging) .is-hamburger .hamburger .rotator {
	transition: transform 0.65s cubic-bezier(.15, .96, .45, 1);
}

.is-hamburger.hamburger-left.is-open .hamburger .rotator {
	transform: rotate(180deg);
}

.is-hamburger.hamburger-left.is-open .hamburger span:first-of-type {
	transform: rotate(45deg) scale3d(0.6, 1, 1) translate3d(13px, -3px, 0);
}

.is-hamburger.hamburger-left.is-open .hamburger span:last-child {
	transform: rotate(-45deg) scale3d(0.6, 1, 1) translate3d(13px, 3px, 0);
}

.is-hamburger.hamburger-right.is-open .hamburger .rotator {
	transform: rotate(-180deg);
}

.is-hamburger.hamburger-right.is-open .hamburger span:first-of-type {
	transform: rotate(-45deg) scale3d(0.6, 1, 1) translate3d(-13px, -3px, 0);
}

.is-hamburger.hamburger-right.is-open .hamburger span:last-child {
	transform: rotate(45deg) scale3d(0.6, 1, 1) translate3d(-13px, 3px, 0);
}

/* Close icon */

.is-hamburger.has-close-icon .hamburger span {
    margin-top: 0 !important;
    position: absolute;
}

.is-hamburger.has-close-icon .hamburger span:nth-child(2) {
    transform: translateY(300%);
}

.is-hamburger.has-close-icon .hamburger span:nth-child(3) {
    transform: translateY(600%);
}

.is-hamburger.has-close-icon.is-open .hamburger span:first-child {
    transform: translateY(250%) rotate(-45deg);
}

.is-hamburger.has-close-icon.is-open .hamburger span:not(:first-child) {
    transform: translateY(250%) rotate(45deg);
}

.is-hamburger .hamburger span {
	width: 25px;
	height: 3px;
	background: black;
	display: block;
	position: relative;
}

body:not(.is-dragging) .is-hamburger .hamburger span {
	transition: transform 0.65s cubic-bezier(.15, .96, .45, 1);
}

.hamburger span:not(:first-of-type) {
	margin-top: 5px;
}

.controller.is-hamburger:not(.hamburger-right):not(.hamburger-left) .menu-contents {
	display: none;
}

.is-hamburger.hamburger-right:not(.is-open) .menu-contents {
	transform: translateX(50px);
}

.is-hamburger.hamburger-left:not(.is-open) .menu-contents {
	transform: translateX(-110%);
}

.is-hamburger.hamburger-right.is-open .menu-contents {
	transform: translateX(-100%); 
}

.is-hamburger.hamburger-left.is-open .menu-contents {
	transform: translateX(0%); 
}