/* LDS Singles-specific layout on top of libs/landing-static base.css. */

/* Hero text is left-aligned with a drop shadow (SPA DualPanelLayout base). */
.hero {
  text-align: left;
}

.hero__intro {
  margin-left: 0;
  filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.15));
}

.hero__logo {
  filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.15));
}

.hero__title {
  max-width: 66%;
}

.hero__subtitle {
  max-width: 60%;
}

.benefits {
  justify-items: center;
}

.benefit {
  max-width: 320px;
}

.callout p {
  font-size: 27px;
  line-height: 1.4;
}

@media (min-width: 1024px) {
  .hero__title {
    font-size: 5rem;
    line-height: 92px;
    max-width: none;
  }
  .appstores__heading {
    font-size: 3rem;
    line-height: 1.2;
  }
}