#hero {
  background: url(../img/hero/hero_bg.jpg) center / cover no-repeat;
  width: 100%;
  /* height: 1080px; */
  max-height: 100%;
  overflow-y: hidden;
}

#hero .titleLogo {
  text-align: center;
}

#hero .ctaArea,
#hero .releaseDate {
  text-align: center;
}

#hero .ctaArea {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 600px;
  max-width: 100%;
  margin: auto;
  gap: 1rem;
}

#hero .releaseDate h2 {
  font-size: 4rem;
}

.ctaArea button {
  border: none;
  background-color: #fff;
  padding: 1rem;
  width: 100%;
}

.ctaArea button.primary {
  background-color: #fdd700;
}

.ctaArea button h3 {
  font-size: 2rem;
}