*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

html {-webkit-font-smoothing: antialiased; }

nav { display: block; position: relative; }

.menu { display: block; padding: 0; margin: 0; }
.menu li { display: inline-block; position: relative; z-index:100; }
.menu li:first-child { margin-left: 0; }

.menu li a { font-size: 1.5em; text-transform: uppercase; text-decoration: none; padding: 5px 10px; margin: 0px 10px; display: block; color:#fff;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.menu li a:hover, .menu li:hover > a { color: #e4bb2c; }


.menu ul { display: none; margin: 0; padding: 0; min-width: 150px; position: absolute; background: #fff; }
.menu ul li { display: block; float: none; background: none; margin: 0; padding: 0; }
.menu ul li a {	display: block; color: #797979; background: #fff; }
.menu ul li a:hover, .menu ul li:hover > a { background: #f0f0f0; }
.menu li:hover > ul { display: block; }
.menu ul ul { left: 149px; top: 0px; }

.mobile-menu { display: none; width: 100%; padding: 5px 10px; background: #000; color: #fff; text-transform: uppercase; font-weight: bold; }

@media (max-width: 767px) {
	.menu { display:none; }
	.mobile-menu { display:block; margin-top:0px; border-top: 2px solid #f7630c; border-bottom: 2px solid #f7630c; position: absolute; width: 100%; top: 0; }
	nav { margin: 0; background: none; position: absolute; top: 42px; width: 100%; text-align: left!important; }
	.menu li { display: block; margin: 0; }
	.menu li a { font-size: 1.2em; margin: 0; padding: 5px 0 5px 15px; background-color: rgb(0 0 0 / 70%); color: #fff; border-top: 1px solid #e0e0e0; }
	.bg-black { background-color: rgb(0 0 0 / 70%); border-top: 1px solid #e0e0e0; }
	.menu li a:hover, .menu li:hover > a { background: #f0f0f0; color: #797979;  }
	.menu ul { display: block; position: relative;	top: 0; left: 0; width: 100%; }
	.menu ul ul { left: 0px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
	.menu li a { font-size: 1.25em; padding: 5px 0px; }
}
@media screen and (min-width: 1200px) {
	nav { top: 40px; }
}