* {
  margin: 0;
  padding: 0;
}

.logoip {
margin-top:0.5%;
margin-left: 2%;
}

header {
}

header nav {
  width: 100%;
  max-width: 1280px;
  margin:20px auto;
  z-index:1000;
    margin: 0;
  padding: 0;

}

.menu_bar {
  display: none;
}

header nav ul {
  overflow: hidden;
  list-style: none;
}

header nav ul li {
  float: left;
}


header nav ul li a {
  color:#fff;
  padding: 20px;
  display: block;
  text-decoration: none;
}

header nav ul li span{
  margin-right: 3px;

}

header nav ul li a:hover {
  background:#024959;
  opacity: 0.4;
}






@media screen and (max-width: 800px ){
    header nav {
      width: 80%;
      height: 100%;
      left: -100%;    
      margin:0;
      position: fixed;  
      
    }


    header nav ul li {
      display:block;
      float:none;
      border-bottom:1px solid rgba(255,255,255, .3); 
        background:#024959;
  opacity: 0.8;
    }

    .menu_bar {
      display: block;
      width: 100%;
      background:#ccc;
      z-index:1000;
    }


  .menu_bar .bt-menu {
    display:block;
    padding: 20px; 
    background:#024959;
    color: #fff;
    text-decoration: none;
    font-weight: bold; 
    font-size: 25px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing: border-box;

  }


  .menu_bar span {
    float:right;
  }
}


  .colord1{
background:#024959;
  }