.menu_bar {
  display: none;
}

header {
  height: 60px;
  color: #fff;
  padding: 5px 10%;
  z-index: 10;
  overflow: hidden;
  background-color: #329495;
  font-size: 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

header a {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

header h1.logo {
  background: url(../images/h_title.svg) no-repeat top 0px left;
  text-decoration: none;
  text-indent: -9999px;
  width: 260px;
  background-size: 100%;
  cursor: pointer;
  margin: 0 auto;
}

header .logo-img {
  /* width: 140px; */
  width: 65px;
  margin-left: auto;
}

footer {
  font-size: 16px;
  display: block;
  padding: 20px 20px;
  width: 100%;
  border-top: solid 1px #3333335a;

}

footer p {
  text-align: center;
  font: .8em sans-serif;
}

@media screen and (max-width:1280px) {
  header {
    padding: 5px 13% 5px 10%;

  }
}

@media screen and (max-width: 1079px) {

  header {
    padding: 10px 6%;
    height: 60px;
    display: flex;
    align-items: center;
  }

  header .logo {
    width: 260px;
  }

  .user-name,
  .user-arrow {
    display: none;
  }

  .user-avatar {
    background-size: 90%;
    background: url(../images/icon_login_w.svg) no-repeat top 0 center;
  }

  footer {
    font-size: 13px;
    padding: 10px 20px;

  }
}

@media screen and (max-width: 767.98px) {
  header {
    font-size: 20px;
    text-wrap: nowrap;
  }

  header h1.logo {
    background: url(../images/h_title.svg) no-repeat top 7px left;
    width: 280px;
  }

  header .logo-img {
    /* width: 120px; */
    width: 56px;
    margin-left: auto;
  }

  header .hd-points {
    padding: 8px 12px 6px 13px;
  }
}

@media screen and (max-width: 420px){
  header{
    justify-content: center;
  }

  header a {
    position: initial;
    transform: none;
  }
}