#toggle-menu {
	display: none;
}
@media screen and (min-width: 100px) {#toggle-menu {display:block;}}
@media screen and (min-width: 400px) {#toggle-menu {display:block;}}
@media screen and (min-width: 600px) {#toggle-menu {display:none;}}




#menu-button-wrapper{
	width:100%; 
	position: absolute;
	top: 0;
	left: 0;
	}
#menu-button{
	width:93%; 
	padding: 16px 0 0 7%;
	float:left;
}
#menu-button a{
	font-family: "Gotham Rounded A", "Gotham Rounded B";
	font-style: normal;
	font-weight: 300;
	font-size:1.5em;
	line-height:2em;
 	text-indent:45px;	
	color:#000000;
	padding: 0 0 0 0;
}
@media screen and (min-width: 100px) {#menu-button a{font-size:1.1em;text-indent:35px;padding:0 0 0 25px;}}
@media screen and (min-width: 400px) {#menu-button a{font-size:1.5em;text-indent:45px;padding:0 0 0 35px;}}


#menu-button-icon-wrapper{
	width:100%; 
	position: absolute;
	top: 0;
	left: 0;
	}
#menu-button-icon{
	width:93%; 
	padding: 14px 0 0 7%;
	float:left;
}	
#menu-button-icon a{
	font-family:Arrows-Menus;
	font-size:1.5em;
	line-height:2em;
	color:#000000;
	}
@media screen and (min-width: 100px) {#menu-button-icon a{font-size:1.1em;}}
@media screen and (min-width: 400px) {#menu-button-icon a{font-size:1.5em;}}






#menu-hidden {
	display: none;
	position: absolute;
	top: 65px;
	left: 0;
	width: 100%;
	height:100%;
	padding: 0 0 0 0;
	margin: 0;
	list-style: none;
	background: #333;
	z-index: 100000;
}
@media screen and (min-width: 100px) {#menu-hidden {top: 60px;}}
@media screen and (min-width: 400px) {#menu-hidden {top: 70px;}}

#menu-hidden > ul > li > a {
	font-family: "Gotham Rounded A", "Gotham Rounded B";
	font-style: normal;
	font-weight: 300;
	font-size:1.5em;
	text-transform:uppercase;
	text-indent:45px;
	letter-spacing:1px;
	display: block;
	color: #fff;
	padding: 20px 25px 15px 7%;
	text-decoration:none;
	border-bottom: 1px solid rgba( 255, 255, 255, 0.08 );
	border-top: 1px solid rgba( 255, 255, 255, 0 );
}
@media screen and (min-width: 100px) {#menu-hidden > ul > li > a {font-size:1.1em; text-indent:25px;}}
@media screen and (min-width: 400px) {#menu-hidden > ul > li > a {font-size:1.5em; text-indent:35px;}}

#menu-hidden > ul > li.active > a {
	background: #f05033;
	color: #000;
	border-bottom: 1px solid rgba( 255, 255, 255, 0 );
	border-top: 1px solid rgba( 255, 255, 255, .3 );
}
#menu-hidden ul ul li.last {
	padding: 0 0 20px 0;
}



/* Sub menu */
#menu-hidden ul ul {
	display: none;
	background: #f05033;
}
#menu-hidden ul ul li {
	border-bottom: 1px solid rgba( 255, 255, 255, 0.00 );

}
#menu-hidden ul ul a {
	font-family: "Gotham Rounded A", "Gotham Rounded B";
	font-style: normal;
	font-weight: 300;
	display: block;
	color: #ffffff;
	padding: 5px 25px 20px 7%;
	font-size:1.2em;
	text-indent:45px;
}
@media screen and (min-width: 100px) {#menu-hidden ul ul a {font-size:1em; text-indent:25px;}}
@media screen and (min-width: 400px) {#menu-hidden ul ul a {font-size:1.2em; text-indent:35px;}}

#menu-hidden ul ul a.active {
	color: #000000;
}