.header {
  padding: 65px 0 60px;
}

.header__box {
}

.header__content {
  display: flex;
  gap: 170px;
}

.header__logo {
  width: 162px;

  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

.header__text {
  display: flex;
  gap: 56px;
}

.header__address {
  p {
    font-size: 12px;
    color: var(--textMiddle);
  }
}

@media screen and (max-width: 900px) {
  .header__content {
    gap: 120px;
  }

  .header__text {
    gap: 32px;
  }
}

@media screen and (max-width: 700px) {
  .header__content {
    flex-direction: column;
    gap: 23px;
  }
}

@media screen and (max-width: 400px) {
  .header__text {
    gap: 16px;
  }
}