body {
  margin: 0;
  font-family: Arial, sans-serif;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Header - 10% */
.header {
  height: 10vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  gap: 20px; /* расстояние между логотипами */
}

.header img {
  height: 90%;  /* логотипы 90% от высоты header */
  width: auto;
}

/* Hero - 80% */
.hero {
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #000;
}

.hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Footer - 10% */
.footer {
  height: 10vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #111;
  color: #fff;
  flex-direction: column;
  text-align: center;
  font-size: 14px;
}

.footer div {
  margin: 2px 0;
}