.main-logo {
  --gap: 2.6666666667vw;
}
@media (min-width: 720px) {
  .main-logo {
    --gap: 1.25vw;
  }
}
@media (min-width: 1281px) {
  .main-logo {
    --gap: 0.8333333333vw;
  }
}
@media (min-width: 2400px) {
  .main-logo {
    --gap: 20px;
  }
}
.main-logo {
  display: flex;
  align-items: center;
  width: fit-content;
  gap: var(--gap);
}
.main-logo__icon {
  height: 100%;
}
.main-logo__caption {
  height: 73%;
}