:root {
  --black: #3c3c3c;
}

body {
  letter-spacing: 2%;
  font-family: Roboto, sans-serif;
  overflow-x: hidden;
}

.soon {
  color: var(--black) !important;
}

.soon__title {
  font-size: clamp(28px, 2vw, 34px);
  max-width: 100%;
}

.soon__description,
.soon__subtitle,
.soon__action-title {
  font-size: clamp(18px, 2vw, 26px);
}

.soon__action-item {
  display: block;
  font-size: clamp(16px, 2vw, 18px);
  color: var(--black);
  text-decoration: none;
}

.soon__action-item:hover {
  text-decoration: underline;
}

.soon__images {
  width: 100%;
  object-fit: cover;
  min-height: 100vh;
}

.soon__images--wrapper {
  height: 100vh;
  display: flex;
  align-items: end;
}

@media (max-width: 1200px) {
  .logo {
    height: auto;
    max-width: 200px;
  }
	
  .soon__images--wrapper {
    height: auto;
    /*  display: none; */
    align-items: start;
    justify-content: center;
  }

  .soon__images {
    width: 100%;
    min-height: 70vh;
    height: 100%;
  }
}