.navbar-default .navbar-nav > li > a {
    font-size: 12px;
}

.navbar-default {
    background-color: #000000;
 }   

 .navbar-default .navbar-nav > li > a {
    color: #ffffff;
}

.header-top-area {
    background: #F7BC16;
 
}

i.fa.fa-facebook {
    background: #26386b;
    padding: 5px 10px;
    color: #ffffff;
}

.header-top-area {
	padding: 6px 0;
}

.header-top-area .header-top-right ul li {
	    font-weight: inherit;
	        font-size: 13px;
}

.portfolio-area .portfolio .filtering-button a {
	padding: 10px 15px;
}

.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}

@media screen and (max-width: 467px) { 

	.navbar-brand {     width: 70%; }
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #f5f5f5;
    	background-color: #e81c1c9c;
	}

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}