/* Shared company masthead for the homepage and all product pages. */
.hero{display:flex;flex-direction:column;align-items:center;padding-top:6rem}
.hero > a:first-child,.hero > h1:first-child{display:block;font-size:inherit;font-weight:inherit;line-height:0;margin:0;padding:0}
.hero .hero-logo{display:block;width:200px;height:auto;margin:0 auto 1.5rem;opacity:.9}
.hero > :is(.tagline,.hero-tagline){font-size:.9rem;font-weight:400;font-style:italic;line-height:1.6;letter-spacing:normal;color:#777;margin:0;padding:0}
.hero > hr.divider-full{display:block;flex:none;width:100%;max-width:600px;height:1px;border:0;background:rgba(255,255,255,.08);margin:1.5rem auto;padding:0}
.home-page .hero{padding-left:2rem;padding-right:2rem;padding-bottom:0}
.home-page #products{border-top:0}
@media(max-width:600px){
 .hero{padding-top:3rem}
 .hero .hero-logo{width:140px;margin-bottom:.75rem}
 .hero > :is(.tagline,.hero-tagline){font-size:.85rem}
 .hero > hr.divider-full{max-width:600px;margin:1.25rem auto}
 .home-page .hero{padding-left:1rem;padding-right:1rem}
}