@media(max-width:720px){
  html,body{max-width:100%;overflow-x:hidden}
  main,[class$="-view"],section,article,fieldset{box-sizing:border-box;min-width:0;max-width:100%}
  .controls,.metro-controls,.chord-controls,.drop-controls,.field-controls,.tool-controls,.editor-controls,.progressions-controls,.lab-controls,.modal-controls,.review-fields,.feedback-fields,.base-scale-controls{box-sizing:border-box;min-width:0;max-width:100%}
  .controls>*,.metro-controls>*,.chord-controls>*,.drop-controls>*,.field-controls>*,.tool-controls>*,.editor-controls>*,.progressions-controls>*,.lab-controls>*,.modal-controls>*,.review-fields>*,.feedback-fields>*,.base-scale-controls>*{min-width:0;max-width:100%}
  .controls label,.metro-controls label,.chord-controls label,.drop-controls label,.field-controls label,.tool-controls label,.editor-controls label,.progressions-controls label,.lab-controls label,.modal-controls label,.review-fields label,.feedback-fields label,.base-scale-controls label{min-width:0;max-width:100%}
  select,textarea,input:not([type="checkbox"]):not([type="radio"]){box-sizing:border-box;min-width:0;max-width:100%}
  .tool-controls select,.field-controls select,.drop-controls select,.chord-controls select,.lab-controls select,.progressions-controls select{width:100%}
}