.header-space {
  width: 100%;
  height: 89px;
  background-color: #090a0b;
}
.header-space .header {
  position: sticky;
  top: 0;
  width: 100%;
  height: 89px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 10%;
  z-index: 100;
  background-color: #090a0b;
  transition: 0.5s;
}
.header-space .header .logo {
  font-size: 24px;
}
.header-space .header .navigation {
  display: flex;
}
.header-space .header .navigation li {
  padding: 0 20px;
}
.header-space .header .navigation li a {
  transition: all 0.3s ease 0s;
}
.header-space .header .navigation li a:hover {
  color: #39bde2;
}
.header-space .header .sticky {
  position: fixed;
}

@media (max-width: 1199px) {
  .header {
    width: 100vw;
    padding: 20px 5%;
    align-items: center;
    justify-content: center !important;
  }
  .header .hidden-mobile {
    display: none;
  }
}
@media (max-width: 450px) {
  .header {
    padding: 30px 10px !important;
  }
}
@media (max-width: 380px) {
  .header .navigation li a {
    font-size: 14px !important;
  }
}