@media(max-width:760px){
  html,body,.app,.main,main,.hero,.hero-copy,.connect-card,.mm-agent,.mm-agent-body,.mm-agent-head,.mm-agent-inputs,.mm-agent-guide{width:100%;max-width:100%;min-width:0}
  .hero-copy,.connect-card{overflow:hidden}
  .hero-copy h1,.hero-copy p,.mm-agent-head h2,.mm-agent-head p{max-width:100%;overflow-wrap:anywhere}
  .mm-agent-head>div,.mm-field,.mm-file-row,.mm-file-row input{min-width:0;max-width:100%}
  .mm-file-row input{width:100%}
  .mm-economics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
  .hero-copy h1{font-size:27px}
  .mm-agent-head h2{font-size:22px}
  .mm-agent-head p{font-size:10px}
}