*{
    margin:0;
    padding: 0;
    font-family: 'MyFontBold';

}
nav{
z-index:5;
height:120px;
display: flex ;
position: fixed;
background:#004687;
width: 100%;
padding: 0 40px 0 40px;
justify-content: space-between;
align-items: center;
font-size: 25px;
font-weight: bold;
box-sizing: border-box;
border: 1px rgba(0, 0, 0, 0.544) solid;
}
.ul1{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
margin-right: 15px;
}
.ul1 li a {
  display: block;
  color: white;
  padding: 14px 16px;
  text-decoration: none;
}
nav img{
    width: 100px;
    height: 100px;
    margin-left: 15px;
}
.ul1 li a:hover:not(.active) {
  color: #002244;
}

.ul1 li a.active {
  color:#3095f3;
}
#bar {
color: white ;
display: none; 

}
#bar:hover{
  cursor: pointer;
  color: #75b7f5;
}

.menu_bar{
  position: absolute;
  width: 200px;
  height: 225px;
  top: 120px;
  right: 0px;
background:#004687;
display: flex;
flex-direction: column;
display: none;
}

.ul2{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
margin-right: 15px; 

}
.ul2 li a {
  display: block;
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 20px;
}
.ul2 li a:hover:not(.active) {
  color: #002244;
}

.ul2 li a.active {
  color:#3095f3;
}

@media (max-width:765px) {
.ul1{
  display: none;
}
#bar{
display: block;
}

}