a, b, h1, h2, h3, h4, h5, h6 {text-align:left; color:#222;}
   body {
      position: relative;
      max-width: 1500px;
      background-color: #111;
    }

    .navbar{
        background-color: inherit;
        z-index: 9999 !important;
    }
.nav>li>a {position:relative;display:block;padding:2px 10px} 
.navbar-toggle{padding:1px 1px;margin-top:4px;margin-right:15px;margin-bottom:2px;background-color:inherit;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle .icon-bar{width:18px;height:2px;border-radius:0px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:2px}
.navbar-brand{position:relative;display:block;padding:2px 10px }
.navbar{top:0;min-height:22px;margin-bottom:0px;border:1px solid #ddd}
.navbar-fixed-top {border-width:0 0 1px 0}
.navbar-brand{float:left;height:10px;font-size:15px}

/*PIC*/
.pic {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.pic:hover {
cursor:pointer;
-webkit-filter: brightness(75%);
-moz-filter: brightness(75%);
filter: brightness(75%);
-webkit-transform: scaleX(1.05);
-moz-transform: scaleX(1.05);
transform: scaleX(1.05);