/* Phone layout for the front page (ROADMAP.md). Loaded only on screens 700px wide or narrower
   (see header.php), so the desktop layout is unchanged. */

body, html > body { font-size: 15px !important; }

/* Sidebar below the content instead of beside it; normal margins. */
#main-copy { margin: 1em !important; text-align: left; }
#side-bar  { float: none !important; width: auto !important; margin: 1em !important; }

/* Title and tagline fit the screen; the tab bar wraps onto several lines. */
.headerTitle { font-size: 220% !important; margin-left: 0.4em !important; }
.subHeader .quote { float: none !important; display: block; font-size: 14px !important; margin: 0.5em 1em !important; }
.subHeader .navigation li { display: inline-block; margin: 2px 0; }
.subHeader .navigation a { display: inline-block; padding: 8px 10px !important; }

img { max-width: 100%; height: auto; }
input[type="text"], input[type="password"], select, textarea { max-width: 100%; box-sizing: border-box; font-size: 16px !important; }