/*Menu*/
.menu_bar {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    background-color: #1F2240;
    background-color: #1E1157;
    background-color: #2d86ff;
    background-color: #4db9eb;
    background-color: #ffffff;
    /* backdrop-filter: blur(5px); */
    /* -webkit-backdrop-filter: blur(5px); */

    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #4db9eb;

    background-color: #1d1f20;

    z-index: 100;
}

.menu_logo {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 50px;
    padding-top: 5px;
}

.menu_list {
    margin: 0px;
    top: 10px;
    right: 10px;
    margin-top: 6px;
    margin-right: 10px;
    float: right;
    list-style-type: none;
  overflow: hidden;
  background-color: #1E1157;
  background-color: #2d86ff;
  background-color: #4db9eb;
  background-color: #ffffff;
  background-color: #1d1f20;
}

.menu_list a {
  float: left;
  display: block;
  color: #f2f2f2;
  /* color: black; */
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
/*    font-family: 'Ubuntu', sans-serif;*/
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.menu_list a:hover {
/*  background-color: #7AC816;*/
  color: #7AC816;
  color: #1f6969;
  color: #2c2c2c;
  color: #4db9eb;
/*  color: black;*/
}

.menu_list a.active {
  background-color: white;
  color: #2b6ac1;
}

.menu_list .icon {
  display: none;
}



@media screen and (max-width: 800px) {
  .menu_list a:not(:first-child) {display: none;}
  .menu_list a {display: none;}
  .menu_list a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 800px) {
  .menu_list.responsive {
      margin: 0px;
        top: 10px;
        right: 10px;
        margin-top: 60px;
        margin-right: 0px;
        float: right;
      width: 100%;
      background-color: #25146c;
      background-color: #2d86ff;
      background-color: #4db9eb;
      background-color: #ffffff;
      background-color: #1d1f20;
    }
  .menu_list.responsive .icon {
    position: absolute;
    right: 0px;
    top: 10px;
    margin-right: 10px;
  }
  .menu_list.responsive a {
    float: none;
    display: block;
    text-align: left;
    text-align: right;
  }
}