*{
	margin: 0;
}

h1,nav{
text-align: center;
}


nav{
	background: #F89636;
	line-height: 3;
	color: #fff;
	z-index: 2;

}

main{
	width: 80%;
	margin: auto;
}

.sticky{
	position: fixed;
	top: 0;
}






.menu{
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
	display: none;

}

li{
	flex:auto;
    border-bottom: 1px solid rgba(0,0,0,.1);
    
}

li:last-child{
	border-right: none;
}

.menu a{
	color: #fff;
	text-decoration: none;
	line-height: 2;
	padding: 10px 0px;
	letter-spacing: 1px;
	display: block;
	/*padding-left: 1em;*/
	font-weight: 500;
	font-size: 14px;
	/*border-right: 1px solid rgba(0,0,0,.3);*/
	
}


a:hover{
	color:#fff;
}


.toggle-menu {
	background: #f17700;
	line-height: 2.5;
	padding: 0px 20px;
	color: #fff;
	cursor:pointer;

}



.sticky{
	position: fixed;
	top: 0;
}



@media only screen and (min-width: 806px) {
	
.menu{

	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
	display: flex;

}

nav{
    background:#f67f0c;
   	line-height: 3;
	color: #fff;
}


.sticky{
	position: fixed;
		top: 0;
	z-index: 1;
}

.sticky li{
	display: flex;
	flex-wrap:wrap;

	flex-grow:1;

	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 2px 63.5px 2px 63.5px ;
	align-items:center;

}




.menu li{
	flex:auto;
	background:#f67f0c;
}

li:last-child{
	border-right: none;

}

.menu li:hover{
	background:#F89F49;
}


.menu a{
	padding-left: 0;
	text-decoration: none;
}



.toggle-menu {
	background: red;
	display: none;
	
}
}