html,body{overflow-x:hidden}
@media(max-width:720px){
  .site-header{flex-wrap:wrap}
  .dev-badge{flex:1 1 100%;max-width:none;margin-left:0;text-align:left}
  .brand{min-width:0;max-width:240px}
  .brand img{max-width:100%}
  .hero h1{font-size:30px;line-height:1.08;max-width:330px;overflow-wrap:anywhere}
  .lede{font-size:15px;max-width:320px;overflow-wrap:anywhere}
  .hero-actions{display:block}
  .quiet-note{display:block;max-width:220px;margin-top:14px}
}