body{
font-family: 'Muli', sans-serif !important;
}

#topbar{
border-bottom: 1px solid #ddd;
margin-bottom: 1rem;
background:#f9f9f9;
}

#topbar .uk-navbar-item, #topbar .uk-navbar-nav>li>a, #topbar .uk-navbar-toggle{
height:30px;
font-size: 0.8rem;
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{
font-family:inherit;
}

.uk-navbar-container:not(.uk-navbar-transparent){
background:none;
}

.uk-logo{
color:inherit;
}

.uk-svg, .uk-svg:not(.uk-preserve) [FILL*='#']:not(.uk-preserve), .uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve){
fill:currentcolor;
fill:black;
}

.uk-offcanvas-bar{
background:#fff;
}

.uk-offcanvas-bar .uk-nav-default .uk-nav-header{
color:#222;
}

.uk-offcanvas-bar .uk-nav-default>li>a{
color:#999;
}

.uk-offcanvas-bar .uk-nav-default>li>a:hover{
color:#555;
}

.uk-offcanvas-bar .uk-nav-default>li.uk-active>a{
color:#555;
}

.uk-offcanvas-bar .uk-nav-default>li>a:focus{
color:#555;
}