/* 
content 
=======
- medium density: samsung galaxy tab 3
- high density: htc m8, iphone 5
*/

content > * {margin:1em;}
content main {padding:11em;}
content h1 {padding-left:.5em; padding-right:.5em;}
content button, 
content input[type=submit] {display:inline-block; font-size:1em; padding:.5em 1em; background:#0e76bd; color:#fff; border:none;}

/* details page to correctly position the location button to display the map */
content label {position:relative;}
content label button {position:absolute; top:0; right:10px;}

/* mobile [medium density] */
@media only screen (min-resolution: 160ppi) {     
    content {top:10em; left:0; width:100%;}
    content main {padding-left:0; padding-right:0;}
    content .not-mobile {display:none !important;}
    content > div {xbackground:yellow; margin:0;}    
    content table {xwidth:100%; xoverflow:auto;}  
}

/* mobile [high density] */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution:2dppx) { 
    content h1 {margin:0; padding:.5em;}
    content > div {margin:0;}
}