/*css lama*/

.navbar .navbar-nav {
    display: inline-block;
    float: none;


}

.navbar .navbar-collapse {
    text-align: center;
}

nav.navbar{
      margin-bottom:0;
      background:#2a2b33;
      /*background:#2a2948;*/
      border:0;
      margin: 0px auto;

}

.footer{
  padding-left: 10%;
  padding-right: 10%;
  color: #ffcc00;
  line-height:65px;
  vertical-align: middle;
  
}

#logo{
  background:none;
  
}
@media (min-width: 300px) { 
  #logo2 > ul> a >img{
  height:58px;
  width:auto;
  margin-left: 35px;
  margin-right: 35px;

}
  
 }
@media (min-width: 768px) { 
  #logo2 > ul> a >img{
  height:60px;
  width:auto;
  margin-left: 35px;
  margin-right: 35px;

}
  
 }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  #logo2 > ul> a >img{
  height:60px;
  width:auto;
  margin-left: 95px;

}

 }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    #logo2 > ul> a >img{
  height:60px;
  width:auto;
   margin-left: 95px;

}
 }


.navbar-default .navbar-nav>li>a{
  color:#ffcc00;
  font-size: 18px;

}

.navbar-default .navbar-nav>li>a:hover{
  color:#000;
  background-color: #666666;


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

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nave>.open>a{
  color: white;
  background-image:none;
  background-color:#666666;
  text-decoration:underline;
}

.navbar-default{
  border-radius:0;
  -webkit-box-shadow:none;
  box-shadow:none;
}
body{
  font-family:'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','游ゴシック Medium','Yu Gothic Medium','游ゴシック体',YuGothic,'メイリオ',Meiryo, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
 background-color: #4b3832;
}


/*-------------------Dropdown Menu--------------------*/
.dropbtn {
    
    color: none;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;

}

.dropdown {
    
    position: fixed;
    display: inline-block;

}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #2a2b33; /*atur warna*/
    min-width: 200px;
    z-index:9999;
   
}

.dropdown-content a {
    color: #ffffff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #2a2b33}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: none;
}

.dropdown-menu {
    background-color: #2a2b33; /*atur warna*/
}
.dropdown-menu >li>a {
    color: #ffcc00;
    padding: 12px 16px;
    text-decoration: none;

}
.dropdown-menu >li>a:hover {
    background-color: #2a2b33}

.dropdown:hover .dropdown-menu {
   
    background-color: #2a2b33;
}

.dropdown:hover .dropbtn {
    background-color: none;
}