body { text-align:center; background-color:#888;padding:0;margin:0; font:16px "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#container { width:100%; max-width:360px;margin:0 auto; background-color:#FFF;padding:0;height:1000px;overflow:hidden;}
h1 {font-size:24px;}
p.yesno img {max-width:20%;margin:5%;}
div.panel{font-size:13px;border:1px solid silver;border-radius:5%;padding:1em;margin:1em;}

html.Android {}
html.iPhone {}
html.Desktop {}
html.mobile {}

div.features { display:none; }

html.Android div.features.Android { display:block; }
html.iPhone div.features.iPhone { display:block; }
html.Desktop div.features.Desktop { display:block; }
html.mobile div.features.mobile { display:block; }

p.os { background-color:#EEE;}
p.os img { height:30px; vertical-align:middle; }

.upload-input {position:relative;left:-3000px;}
div.yesno.completed {display:none;}
p.step{font-size:9px;background-color:#eee;}

div.features.mobile.panel.notwebapped { display:none !important; }