Adaptive Design - Media Queries
/* Plonk as many of these as you need for each device/context and they will be
applied when the media query defined is met.*/
@media screen and (max-width: 320px)
{
/* all styles for this query size go here. */
/*
for mobile, get of as many floats as possible sot hey sit on top
of eachother down the page nicely.
*/
/* some typical rules for mobile devices are to stack content that is floated */
float: none;
width: inherit;
}