.toggle_mnu
	width: 60px
	height: 60px
	float: right
	position: relative
	z-index: 100
	border: none



$w: 28px
$h: 3px

.sandwich
	width: $w
	height: $w
	position: absolute
	top: 12px
	bottom: 0
	left: 0
	right: 0
	margin: auto




.sw-topper
		position: relative
		top: 0
		width: $w
		height: $h
		background: rgb(255, 255, 255)
		border: none
		border-radius: 4px 4px 4px 4px
		transition: transform 0.5s, top 0.2s

		/* transition-delay: 0.2s, 0s; */



.sw-bottom
		position: relative
		width: $w
		height: $h
		top: $h * 2.2

		background: rgb(255, 255, 255)
		border: none
		border-radius: 4px 4px 4px 4px
		transition: transform 0.5s, top 0.2s
		transition-delay: 0.2s, 0

.sw-footer
		position: relative
		width: $w
		height: $h
		top: $h * 4.5
		background: rgb(255, 255, 255)
		border: none
		border-radius: 4px 4px 4px 4px
		transition: all 0.5s
		transition-delay: 0.1

.sandwich.active
	.sw-topper
		top: 9px
		transform: rotate(-45deg)
	.sw-bottom
		top: 6px
		transform: rotate(45deg)
	.sw-footer
		opacity: 0
		top: 0
		transform: rotate(180deg)