+.wfpl_li, .wfpl_ci, .wfpl_ri, .wfpl_fi, .wfpl_thumb
+ max-width: 100%
+
+
+// output css from column calculations
+for selector, css in columns.css
+ body > {selector}
+ {css}
+@media screen and (max-width: (columns.width))
+ // output responsive css from column calculations
+ for selector, css in columns.responsive_css
+ body > {selector}
+ {css}
+
+ // as big as it can be
+ body > .centerer
+ width: auto
+
+ // make sure that borders (which won't scale) and rounding errors don't
+ // break the layout
+ body > .centerer.full > .main,
+ body > .centerer.with_sidebar > .sidebar.plain,
+ body > .centerer.with_sidebar > .sidebar.bordered
+ margin-right: -10px
+
+// big left/right images
+for selector, css in columns.css
+ if columns['widths'][selector] > runaround_max
+ body > {selector}
+ col_max_width = columns['widths'][selector]
+ col_min_width = col_max_width / columns.width * single_column_max
+ .wfpl_li, .wfpl_ri
+ width: linear_scale_calc(col_max_width, col_min_width, col_max_width * image_float_size, col_min_width * image_float_min_size)
+ .wfpl_ci
+ width: col_max_width * image_float_size
+
+// mixin for making left/right images behave as centered
+wfpl_li_ri_to_ci(selector, width)
+ {selector}
+ .wfpl_li, .wfpl_ci, .wfpl_ri
+ float: none
+ width: width
+ margin-right: auto
+ margin-left: auto
+
+// convert left/right to centered when columns width <= runaround_max
+for selector, css in columns.css
+ if columns['widths'][selector] > runaround_max
+ // calculate screen width when column width is runaround_max
+ screen_rmax = columns['widths'][selector] / columns.width * runaround_max
+ @media screen and (max-width: (screen_rmax))
+ wfpl_li_ri_to_ci(selector, columns['widths'][selector] * image_float_size)
+ else
+ // no @media, because these colums are always narrower than runaround_max
+ wfpl_li_ri_to_ci(selector, columns['widths'][selector] * narrow_column_ifs)
+
+// switch to 1-column layout
+@media screen and (max-width: (single_column_max))
+ for selector, css in columns.css
+ body > {selector}
+ if selector == '.centerer'
+ margin-top: 0
+ else if selector in hide_in_one_column_mode
+ display: none
+ else
+ border: none
+ float: none
+ width: auto
+ margin: 0
+ padding: 0
+ margin-top: columns['responsive_css']['.centerer']['margin']