nav.primary{display: block; position: relative; padding: 0; margin: 0; width: 100%; font-size: 0;}
nav.primary ul{text-align: center;}
nav.primary ul i{display: none;}
nav.primary ul li{display: block; margin: 0;}
nav.primary ul li a{display: block; padding: 10px; font-size: 14px; font-weight: 700; text-align: left; color: #EC7C0A; border-right: 5px transparent solid; transition: background-color .2s ease-in-out;}
nav.primary ul li:hover > a, nav.primary ul li.current-menu-item a{background: #f5f5f5; border-right: 5px #EC7C0A solid;}

nav.mobile, #menu-button{display: none;}
nav.mobile ul li a{display: block; padding: 12px; font-size: 14px; font-weight: 700; text-align: left; color: #EC7C0A; border-right: 5px transparent solid;}
nav.mobile ul li a:hover{background: #f5f5f5; border-right: 5px #EC7C0A solid;}

@media screen and (max-width: 980px){
	#menu-button{display: block; width: 100%; z-index: 1000;}
	#menu-button a{display: block; background: #EC7C0A; padding: 12px 20px; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; border-radius: 5px; box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.1);}
	#menu-primary i{margin-left: auto;}
	
	nav.primary{display: none;}
	nav.mobile{display: none; width: calc(100% - 20px); margin: auto; border: 1px #dfdfdf solid; border-radius: 0 0 5px 5px; z-index: 999999;}
}