#hamburger {
	position: fixed;
	top: 24px;
	left: 24px;
	z-index: 10000;
	width: 48px;
	height: 48px;
	background: transparent;
	border: none !important;
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
	cursor: pointer;
	padding: 0;
	overflow: visible;
	outline: none !important;
	outline-width: 0 !important;
	outline-style: none !important;
	outline-color: transparent !important;
	box-shadow: none !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

#hamburger:focus,
#hamburger:active,
#hamburger:hover {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.hamburger__line {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 28px;
	height: 5px;
	background-color: #fff;
	transition: all 0.3s ease;
	transform-origin: center center;
	border-radius: 0;
	box-shadow: none;
	display: block;
	margin-left: -14px;
	margin-top: -2.5px;
	pointer-events: none;
}

.hamburger__line:nth-child(1) {
	transform: translateY(-8.5px);
}

.hamburger__line:nth-child(2) {
	transform: translateY(0);
}

.hamburger__line:nth-child(3) {
	transform: translateY(8.5px);
}

/* Hamburger to X transformation - perfectly centered */
#hamburger.active .hamburger__line:nth-child(1) {
	transform: translateY(0) rotate(45deg);
}

#hamburger.active .hamburger__line:nth-child(2) {
	opacity: 0;
	transform: translateY(0) scaleX(0);
}

#hamburger.active .hamburger__line:nth-child(3) {
	transform: translateY(0) rotate(-45deg);
}

/* Portfolio section color change */
.fp-viewing-portfolio #hamburger .hamburger__line {
	background-color: #ff004d;
}

.fat-nav {
  top: 0;
  left: 0;
  z-index: 9999;
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(2, 2, 2, 0.9);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.fat-nav .mainnav {
  transform: translateX(20px);
  transition: transform 1.4s ease;
}

.fat-nav .wrr {
  transform: translateX(20px);
  transition: transform 1.4s ease;
}

.fat-nav.active .mainnav, .fat-nav.active .wrr  {
  transform: translateX(0px);
}

.fat-nav__wrapper {
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
  z-index: 5000;
}

.menuwrap {
  display: block;
  margin: 0;
  padding: 84px 30px 30px 70px;
}

.fat-nav li {list-style-type:none;text-align:left;padding:0;}

.fat-nav li a {
  text-decoration: none;
}