button,
button:active,
input,
textarea {
	outline: none;
	background: none;
	border: none;
}






/* Collapsible Navigation */

.nav-toggle-btn {
	display: inline;
	position: relative;
	padding:15px;
	height: 2em;
	width: .25em;
	cursor: pointer;
}

.nav-toggle-btn > .line {
	display: block;
	position: absolute;
	top: 35%; left: 0; right: 0;
	height: .2em;
	background-color: #fff;
	
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	   transform: translateY(-50%);
	        
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	
	transition: all 200ms linear;
}

.nav-toggle-btn > .line:first-child {
	-webkit-transform: translateY(-250%);
	        transform: translateY(-250%);
}

.nav-toggle-btn > .line:last-child {
	-webkit-transform: translateY(150%);
	        transform: translateY(150%);
}

/* icon animations */
 
.nav-toggle-btn:hover > .line:first-child {
	-webkit-transform: translateY(-300%);
	        transform: translateY(-300%);
}
.nav-toggle-btn:hover > .line:last-child {
	-webkit-transform: translateY(200%);
	        transform: translateY(200%);
}

/* change icon appearance on expanded nav */
.expand > .nav-toggle-btn > .line:first-child {
	-webkit-transform: translateY(-50%) rotate(45deg);
	        transform: translateY(-50%) rotate(45deg);
}

.expand > .nav-toggle-btn > .line:nth-child(2) {
	-webkit-transform: translateY(-50%) rotate(45deg);
	        transform: translateY(-50%) rotate(45deg);
}

.expand > .nav-toggle-btn > .line:last-child {
	-webkit-transform: translateY(-50%) rotate(-45deg);
	        transform: translateY(-50%) rotate(-45deg);
}



@media (max-width: 440px) {
  .nav-toggle-btn {
    margin-left:10px;
  }