.body .header {
  align-items: center;
  background-color: var(--header);
  display: flex;
  height: 100px;
  position: fixed;
  top: 0;
  transition: .5s;
  width: 100%;
  z-index: 2;
}

.body .header .mobile-logo {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  left: 90px;
  position: fixed;
  top: 26px;
  width: 46px;
  z-index: 2;
}

.body .header_shadow .mobile-logo {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  left: 90px;
  position: fixed;
  top: 26px;
  width: 46px;
  z-index: 2;
}

.body .header_shadow a.desktop-logo_a {
  margin-left: 80px;
}

@media only screen and (max-width: 799px) {
  .body .header .desktop-logo {
    display: none;
  }

  .body .header_shadow .desktop-logo {
    display: none;
  }
}

@media only screen and (min-width: 800px) {
  .body .header .mobile-logo {
    display: none;
  }

  .body .header_shadow .mobile-logo {
    display: none;
  }
}

/* @media only screen and (min-width: 1336px) {
  
} */

@media only screen and (min-width: 1840px) {
  .body .header {
    padding-left: 100px;
    padding-right: 100px;
  }

  .body .header_shadow{
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media only screen and (min-width: 2000px) {
  .body .header {
    padding-left: 10%;
    padding-right: 10%;
  }

  .body .header_shadow {
    padding-left: 10%;
    padding-right: 10%;
  }
}