/* my addition to supply convertible grids based on www.cssgrid.net by Andy Taylor */ /* ==================================================================================================================== */ /* ! The 1140px Grid V2 by Andy Taylor \ cssgrid.net \ www.twitter.com/andytlr \ www.andytlr.com */ /* ==================================================================================================================== */ .row, .fixedrow { width: 100%; margin: 0 auto; overflow: hidden; }
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11 { margin-right: 3.8%; float: left; min-height: 1px; }
.row .span1, .fixedrow .span1 { width: 4.85%; }
.row .span2, .fixedrow .span2 { width: 13.45%; }
.row .span3, .fixedrow .span3 { width: 22.05%; }
.row .span4, .fixedrow .span4 { width: 30.75%; }
.row .span5, .fixedrow .span5 { width: 39.45%; }
.row .span6, .fixedrow .span6 { width: 48%; }
.row .span7, .fixedrow .span7 { width: 56.75%; }
.row .span8, .fixedrow .span8 { width: 65.4%; }
.row .span9, .fixedrow .span9 { width: 74.05%; }
.row .span10, .fixedrow .span10 { width: 82.7%; }
.row .span11, .fixedrow .span11 { width: 91.35%; }
.row .span12, .fixedrow .span12 { width: 100%; float: left; }
.row .prepend1, .fixedrow .prepend1 {
}
.last { margin-right: 0px; }
img, object, embed { max-width: 100%; }
img {
height: auto;
}
/* touchscreens */ @media (min-width:768px) { .touch body {
font-size: 1em; line-height: normal; }
/* Smaller screens */ body {
font-size: 0.9em; line-height: normal; }
}
/* Mobile */ @media (max-width:480px) { body {
font-size: 1em; -webkit-text-size-adjust: none; }
.row, body {
width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
.row .span1, .row .span2, .row .span3, .row .span4, .row .span5, .row .span6, .row .span7, .row .span8, .row .span9, .row .span10, .row .span11, .row .span12 {
width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; }
}