.navbar1 {
  overflow: hidden;
  background-color: #040716;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  height: 80px;
}
.navbar1 p {
  text-align: center;
  /* padding: 14px 16px; */
  color: #fff;
  margin-top: 23px;
  font-size: 20px;
  margin-left: 20px;
}
.navbar1 img{
  height: 40px;
  padding-right: 10px;
  margin-bottom: 10px;
}
.navbar1 a {
  float: left;
  display: block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.navbar1 a:hover {
  background: #ddd;
  color: black;
}

.main {
  margin-top: 80px;
}

@media screen and (min-width: 1281px){
     .navbar1 p {
      text-align: left;
      margin-left: 90px;
    }
}
}
.margin5{
  margin: 5px;
}
.bgbody{
    background-color: #151a35;
}
.bgHeader{
    background-color: #040716;
}


@media (max-width:767px) {
    .navdes{
        display: none;
    }   
}
@media (min-width:768px) {
  .navdes{
    display: block;
    width:100%;
    position:fixed;
    z-index:999999;
}
ul.bgmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #040716;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    border: none;
    text-decoration: none;
}

li a:hover:not(.aktif) {
    background-color: #272f5d;
    color: #000;
}

.aktif {
    background-color: rgb(226, 25, 10);
    color: #fff;
}
.navmobile{
    display: none;
}
.pull-right{
    margin-right: 50px;
}

}
@media (min-width:992px) {
  .navmobile{
    display: none;
}
}