header#header nav { 
width: 100%;
}
header#header nav ul {
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
justify-content: flex-end;
-webkit-justify-content: flex-end;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0;
}
header#header nav ul li a {
display: block;
}
#header nav > ul > li > a {
color: #fff;
text-transform: uppercase;
font-family: Oswald;
font-size: 0.9em;
letter-spacing: 0.04em;	
}
#header nav ul li.current-menu-item > a,
#header nav ul li a:hover,
#header nav ul li a:active,
#header nav ul li a:focus {
color: #FF56C1;
} #header nav ul li.menu-item-has-children > a:after { 
content: '\f107';
font-family: FontAwesome;
padding-left: 10px;
}
#header nav ul li.menu-item-has-children { 
position: relative;
}
#header nav ul li.menu-item-has-children ul.sub-menu { height: 0; overflow: hidden; }
#header nav ul li.menu-item-has-children ul.sub-menu li a { background: #f8f8f8; }
#header nav ul li.menu-item-has-children ul.sub-menu li a:hover { background: #ccc; color: #fff; }
#header nav ul li.menu-item-has-children:hover ul.sub-menu,
#header nav ul li.menu-item-has-children ul.sub-menu:hover { 
visibility: visible; 
transition: ease-in-out 0.2s;
opacity: 1;
height: auto;
}
#header nav ul li.menu-item-has-children ul.sub-menu { 
position: absolute; 
transition: ease-in-out 0.2s;
opacity: 0;
z-index: 999;
display: flex;
flex-direction: column;
min-width: 180px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 
0 1px 3px rgba(0, 0, 0, 0.1) ;
}
#header .menu > ul > li { margin: 0 0.8em; }
#header .menu > ul > li:first-of-type { margin-left: 0; }
#header .menu > ul > li:last-of-type { margin-right: 0; }
#header .menu > ul > li > a {  }
#header .menu > ul > li > ul.sub-menu > li > a {
padding: 10px 20px;
color: #ccc;
}
@media screen and (max-width: 1140px) {
#desktop-header nav ul li a {
font-size: 10pt;
}
} @media only screen and (min-width:924px) {
#mobileMenu,
#mobile-header	{ display: none; }
} @media only screen and (max-width: 480px) {
#mobile-header #toggle-button label { display: none; }
} @media only screen and (max-width:923px) {
header#header { height: 60px; }
#header-row { display: none; }
#mobile-header { 
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
height: 80px;
width: 100%;
}
#mobile-header #mobile-site-title { 
width: 50%;
}
#mobile-header #logo { 
display: inline;  
max-width: 140px;
line-height: 0;
padding: 0 10px;		
}
#toggle-button {
cursor: pointer;
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: flex-end;
-webkit-justify-content: flex-end;
width: 50%;
font-weight: 600;
font-size: 1.3em;
padding: 0 20px;
}
#menu-row span { transition: 0.2s; }
#menu-row span:hover,
#menu-row span:active,
#menu-row span:focus {
}
.menu-overlay {
height: 0%;
width: 100%;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
background-color: rgba(35, 47, 75,0.9);
overflow-y: hidden;
transition: 0.5s;
font-weight: 600;
}
.overlay-content {
position: relative;
top: 0;
width: 100%;
text-align: right;
height: 100%;
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.overlay-content ul {
height: 90%;
width: 100%;
padding: 15px;
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
justify-content: space-around;
-webkit-justify-content: space-around;
flex-direction: column;
-webkit-flex-direction: column;
margin: 0;
line-height: 0;
}
.menu-overlay a {
padding: 8px;
text-decoration: none;
font-size: 2em;
letter-spacing: -0.03em;
color: #fff;
display: block;
transition: 0.3s;
text-transform: uppercase;
}
.menu-overlay a:hover, .menu-overlay a:focus {
opacity: 0.7;
}
.menu-overlay .closebtn {
position: absolute;
top: 6px;
right: 5px;
font-size: 2em;
letter-spacing: -0.03em;
z-index: 99999;
}
ul.sub-menu {
margin-top: 10px;
}
.menu-overlay ul.sub-menu li {
margin: 7px 0;
font-size: 0.6em;
}
}
@media screen and (max-height: 500px) {
.menu-overlay { overflow-y: auto;}
.menu-overlay a {
font-size: 1.5em;
}
ul.sub-menu {
margin-top: 4px;
}
.menu-overlay ul.sub-menu li {
margin: 5px 0;
font-size: 0.6em;
}
}