.coming-soon-1 .hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 80vh; /* Make the hero take up at least 80% of the viewport height */
  padding: 20px;
}

.coming-soon-1 h1 {
  font-size: 2.5em;
  margin-bottom: 20px;
}

.coming-soon-1 p {
  font-size: 1.2em;
  margin-bottom: 30px;
}

.coming-soon-1 .contact-link {
  background-color: #007bff; /* Blue button */
  color: white;
  padding: 15px 20px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 1.1em;
}

.coming-soon-1 .contact-link:hover {
  background-color: #0056b3; /* Darker blue on hover */
}
