/* The logo and the illustrated banner are separate assets. */
.brand-logo,.brand-logo img{width:40px;height:40px}
.hero-banner{
  background-color:var(--mint);
  background-image:url('./assets/qey-mint-flow-banner.png');
  background-position:right center;
  background-repeat:no-repeat;
  background-size:cover;
  height:232px;
  min-height:232px;
}
.banner-copy{
  left:17px;
  right:14px;
  bottom:18px;
  padding:10px 0 0;
  background:none;
  border-radius:0;
}
.banner-copy p{margin-bottom:7px}
.banner-copy h3{font-size:19px;line-height:1.55}
.banner-copy h3,.banner-copy p{paint-order:stroke fill;-webkit-text-stroke:3px var(--mint)}
.auth-logo{width:68px;height:68px}
@media(max-width:360px){
  .brand-logo,.brand-logo img{width:34px;height:34px}
  .banner-copy h3{font-size:17px}
}