.mobile_logo {
    width: 2rem;
}
.menu_logo {
	width: 140px;
	margin-top: .5rem;
	margin-left: 15px;
}
@media (min-width: 768px) {
.menu_logo {
	width: 12rem;
	margin-top: .8rem;
	margin-left: 3rem;
}
}
.menu_holder {
	position: fixed;
	top: 0;
	height: 5rem;
	background-color: #fff;
	z-index: 1000;
}
.mobile_menu_holder {
	position: fixed;
	top: 0;
	height: 4rem;
	background-color: #fff;
	z-index: 5000;
}
.desk_menu {
	list-style: none;
	margin: .8rem 3rem 0 0;
	padding: 0;
	font-size: 1rem;
}
.desk_menu li {
	display: inline-block;
	margin-left: 4.5rem;
}
.desk_menu li a {
	color: #000;
	font-weight: 400;
	transition: 200ms;
}
.desk_menu li a:hover, .desk_menu li.current_page_item a, .work_body .desk_menu li.work a  {
	color: #EF6403;
	text-decoration:  none;
}
header.headroom {
  will-change: transform;
  transition: transform 200ms linear;
}
header.headroom--pinned {
  transform: translateY(0%);
}
header.headroom--unpinned {
  transform: translateY(-100%);
}
/* Menu two */
.search_wrapper.headroom {
  will-change: transform;
  transition: transform 200ms linear;
}
.search_wrapper.headroom--pinned {
  transform: translateY(0%);
}
.search_wrapper.headroom--unpinned {
  transform: translateY(-5rem);
}


/* Mobile navigation */
#nav_button {
	position: absolute;
	top: .7rem;
	right: 15px;
	cursor: pointer;
	display: block;
}

#nav_button a {
	z-index:3000;
	display:block;
	width:40px;
    height:40px;
	position:absolute;
	top:2px;
	right:0px;
	padding:5px;
}
#nav_button a.open {
	border: 2px solid #fff;
    border-radius: 50%;
}
#nav_button a span {
	float: right;
	position: relative;
	display: block;
	top: 12px;
	-webkit-transition-duration: 0s; transition-duration: 0s;
}

#nav_button a span:before, #nav_button a  span:after {
	position: absolute;
	content: '';
}

#nav_button a span, #nav_button a  span:before, #nav_button a  span:after {
	width: 100%;
	height: 3px;
	background-color: #000;
	display: block;
}
#nav_button a:hover span, #nav_button a:hover  span:before, #nav_button a:hover  span:after {
	background-color: #000;
}

#nav_button a span:before {
	margin-top: -12px;
}

#nav_button a span:after {
	margin-top: 12px;
}

#nav_button a.open span {
	background-color: rgba(0,0,0,0.0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

#nav_button a span:before {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
	-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
#nav_button a.open span:before {
	background-color: #fff;
	margin-top: 0;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}
#nav_button a span:after {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.2s; transition-duration: 0.2s;
	-webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
}
#nav_button a.open span:after {
	background-color: #fff;
	margin-top: 0;
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
	-webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
}

.mobile_nav {
	top: 0;
	height: 0;
	overflow: hidden;
	background-color: rgba(0, 0, 0, .9);
	transition: height 0ms;
	z-index: 1000;
}
.mobile_nav.open {
	height: 100vh;
	transition: height 500ms;
}
.mobile_menu {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 8vw;
}
.mobile_menu a {
	display: block;
	color: #fff;
	padding-bottom: .6rem;
    margin-bottom: 2rem;
}
.mobile_menu .current_page_item a {
	color: #EF6403;
}